@extends('layouts/contentLayoutMaster')

@section('title', 'Input')

@section('content')
<style>
.input-container {
  position: relative;
}

.input-container::before {
  content: "$";
  position: absolute;
  left: 20px;
  top: 56%;
  transform: translateY(-50%);
}

.input-container > input {
  padding-left: 20px; /* Espacio para el símbolo del dólar */
}
</style>
<!-- Basic Inputs start -->
<section id="basic-input">
  <div class="row">
    <div class="col-md-12">

    <div class="card">
        <div class="card-header">
        @if($user->rol!=1)
           <a href="/dashboard/analytics" class="btn btn-danger col-md-3">Atras</a>
        @else
        <a href="/dashboard/buscar_empleado/{{$empleado->id_empleado}}" class="btn btn-danger col-md-3">Atras</a>
        @endif
        </div>
    </div>
     {{-- <div class="card">
        <div class="card-header">
          <h4 class="card-title">Editar Colaborador</h4>
        </div>
        <div class="card-body">
          <div class="row">
          <div class="col-xl-4 col-md-6 col-12">
          <form method="POST" action="/dashboard/crear_empleado/editar" id="colaborador" enctype="multipart/form-data">
          {!! csrf_field() !!}
          <input type="hidden" name="empleado" class="form-control" value="{{$empleado->id_empleado}}" readonly id="basicInput" placeholder="Cédula" />
          <input type="hidden" name="id_empresa" class="form-control" value="{{$empleado->id_empresa}}" readonly id="basicInput" placeholder="Cédula" />
              <div class="mb-1">
                <label class="form-label" for="basicInput">Cédula</label>
                <input type="text" name="cedula" class="form-control" value="{{$empleado->cedula}}" readonly id="basicInput" placeholder="Cédula" />
              </div>
            </div>
            <div class="col-xl-4 col-md-6 col-12">
              <div class="mb-1">
                <label class="form-label" for="basicInput">Nombre</label>

                    <input type="text" readonly name="nombre"  value="{{$empleado->nombre}}" class="form-control" id="basicInput" placeholder="Nombre" />

              </div>
            </div>
            <div class="col-xl-4 col-md-6 col-12">
            <div class="mb-1">

                    <label class="form-label" for="basicInput">Sexo</label>
                    <br>
                    <div class="form-check form-check-inline">
                <input
                    class="form-check-input"
                    type="radio"
                    name="sexo"
                    id="inlineRadio1"
                    value="Masculino"
                    @if ($empleado->sexo=="Masculino")
                        checked
                    @endif
                />


              <label class="form-check-label" for="inlineRadio1">Masculino</label>
            </div>
            <div class="form-check form-check-inline">
              <input
                class="form-check-input"
                type="radio"
                name="sexo"
                id="inlineRadio2"
                @if ($empleado->sexo=="Femenino")
                        checked
                @endif
                value="Femenino"
              />
              <label class="form-check-label" for="inlineRadio2">Femenino</label>
            </div>

            </div>
            </div>

          
            <div class="col-xl-4 col-md-6 col-12">
              <div class="mb-1">
                <label class="form-label" for="disabledInput">Cargo</label>
                <input type="text"  value="{{$empleado->cargo}}"  name="cargo" class="form-control" id="disabledInput"  />
              </div>
            </div>
            <div class="col-xl-4 col-md-6 col-12">
              <div class="mb-1">
                <label class="form-label" for="helperText">Fecha de Inicio</label>
                <input type="date"  value="{{$empleado->fecha_inicio}}" name="inicio" id="helperText" class="form-control" placeholder="Name" />
               <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
              </div>
            </div>
            <div class="col-xl-4 col-md-6 col-12 input-container">
                <div class="mb-1">
                  <label class="form-label" for="disabledInput">Salario</label>
                  <input type="number"  value="{{$empleado->salario}}" name="salario" class="form-control" id="disabledInput"  />
                </div>
              </div>


            <div class="col-xl-4 col-md-6 col-12">
              <div class="mb-1">
                <label class="form-label" for="helperText">Fecha de Terminación</label>
                <input type="date" max="{{date('Y-m-d')}}"  value="{{$empleado->fecha_fin}}" name="fin" id="helperText" class="form-control" placeholder="Name" />
               <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
              </div>
            </div>

            @if ($empleado->fecha_fin!=null)


        <div class="col-xl-4 col-md-6 col-12">
            <div class="mb-1">
                <label class="form-label" for="basicSelect">Motivo de Terminación <strong style="color: red;
    font-size: 1rem;">*</strong></label>
                <select class="form-select"   required id="basicSelect"   name="motivo">
                  <option>{{$empleado->motivo}}</option>
                  <option>Mutuo Acuerdo</option>
                  <option>Despedido</option>
                  <option>Renunció</option>
                  <option>Terminación Contrato</option>
                  <option>Terminación Fase</option>
                  <option>Incapacidad Permanente</option>
                  <option>Jubilación</option>
                  <option>Muerte</option>
                  <option>Accidente</option>
                  <option>Por la ley 213</option>
                  <option>Por la ley 210</option>
                  <option>Por la ley 211</option>
                  <option>Otro</option>
                </select>
            </div>
        </div>


              <div class="col-12">
                <div class="mb-1">
                  <label class="form-label" for="exampleFormControlTextarea1">Comentario Adicional<strong style="color: red;
    font-size: 1rem;">*</strong></label>
                  <textarea
                    class="form-control"
                    id="exampleFormControlTextarea1"
                    rows="3"
                    placeholder="Textarea"
                    name="comentario"
                  >{{$empleado->comentario}}</textarea>
                </div>
              </div>



              <div class="card-header">
                <h4 class="card-title">Consultar archivos del Colaborador</h4>
            </div>


                <div class="col-xl-4 col-md-4 col-12">


                <div class="mb-1">
                   <!--   <label class="form-label" for="helperText">Copia de Cédula --> <a class="btn btn-primary" href="{{$empleado->cedula_copia}}" style="height: 25px;padding: 4px;"><strong>Ver Cedula</strong></a> </label>
                  <!--   <input type="file" accept="application/pdf"  name="cedula_copia" id="helperText" class="form-control" placeholder="Name" />-->
                <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                </div>
                </div>

                <div class="col-xl-4 col-md-4 col-12">
                  <div class="mb-1">
                    <!--    <label class="form-label" for="disabledInput">Carta de Autorización--> <!-- <a class="btn btn-primary" href="/dashboard/descargar_carta/{{$empleado->id_empleado}}" style="height: 25px;padding: 4px;"><strong>Descargar Modelo carta</strong></a>   / -->   <a class="btn btn-primary" href="{{$empleado->carta}}" style="height: 25px;padding: 4px;"><strong>Ver carta Firmada</strong></a></label>
                  <!--    <input type="file" accept="application/pdf" name="carta" class="form-control" id="disabledInput"  />-->
                  </div>
                </div>

                <div class="col-xl-4 col-md-4 col-12">
                <div class="mb-1">
                   <!--   <label class="form-label" for="helperText">Primera hoja del Contrato-->  <a class="btn btn-primary" href="{{$empleado->contrato}}" style="height: 25px;padding: 4px;"><strong>Ver Contrato</strong></a> </label>
                 <!--    <input type="file" accept="application/pdf"  name="contrato" id="helperText" class="form-control" placeholder="Name" />-->
                <!-- <p><small class="text-muted">Find helper text here for given textbox.</small></p>-->
                </div>
                </div>
                
            @endif


            <br>  <br>  <br>

            <input onclick="document.getElementById('colaborador').submit();" type="submit" class="btn btn-outline-primary  form-control" value="Guardar"   />
            </form>

            @if ($empleado->cedula_copia!=null && $empleado->carta!=null)
            @if($user->rol!=1)

                @if($user->pago==1)
                    @if($empleado->calificacion>0)
                        <a  href="/dashboard/ver_calificacion/{{$empleado->id_empleado}}" class="btn btn-outline-success form-control" style="margin-top:5px;">Calificar</a>
                    @else
                        <a  href="/dashboard/calificar/empleado/{{$empleado->id_empleado}}" class="btn btn-outline-success form-control" style="margin-top:5px;">Calificar</a>
                    @endif
                    @endif
              @else
                <a  href="/dashboard/calificacion_empleado/{{$empleado->id_empleado}}/{{$empleado->id_empresa}}" class="btn btn-outline-success form-control" style="margin-top:5px;">Ver calificación</a>
              @endif

            @endif
          </div>
        </div>
      </div>--}}

      <div class="card">
        <div class="card-header">
          <h4 class="card-title">Historial de empresas</h4>
        </div>
            <div class="card-body">
            <div class="row match-height">
  <!-- User Timeline Card -->
  <div class="col-lg-12 col-12">
    <div class="card card-user-timeline">
      <div class="card-header">
        <div class="d-flex align-items-center">

        </div>

      </div>
      <div class="card-body">
        <ul class="timeline ms-50">

        @if (count($empresas)>0)
                @foreach ( $empresas as  $empresa)

                    <li class="timeline-item">
                        <span class="timeline-point timeline-point-indicator"></span>
                        <div class="timeline-event">
                        <div class="d-flex justify-content-between flex-sm-row flex-column mb-sm-0 mb-1">
                    <h3 class="col-md-8" style="font-size: 2.0rem;text-transform: capitalize;">{{$empresa->name}}<br> <strong style="font-size: 100px; color:{{$empresa->color}}">
                    {{$empresa->calificacion}}</strong> Ptos.
                    <table>
                          <tr><td><p style="font-size:1.5rem;">Cargo:</p></td><td> <p style="font-size:1.5rem; padding-left: 2px;text-transform: capitalize;">  {{$empresa->cargo}}</p></td></tr>
                          <tr><td><p style="font-size:1.5rem;">Salario:</p></td><td> <p style="font-size:1.5rem;    padding-left: 2px;">${{$empresa->salario}}</p></td></tr>
                          <tr><td><p style="font-size:1.5rem;">Inicio:</p></td><td> <p style="font-size:1.5rem;    padding-left: 2px;">  {{date("d-m-Y", strtotime($empresa->fecha_inicio))}}</p></td></tr>
                          <tr><td><p style="font-size:1.5rem;">Fin:  </p></td><td><p style="font-size:1.5rem;    padding-left: 2px;">   {{date("d-m-Y", strtotime($empresa->fecha_fin))}}</p></td></tr>
                    </table>
                  </h3>

                    <div class="row col-md-4"style="display:block">
                    @if($empresa->id != $user->id)
                        <a style="margin-bottom: 10px;" href="/dashboard/calificacion_empleado/{{$empresa->id_empleado}}/{{$empresa->id_empresa}}" class="btn btn-outline-primary"> Ver Calificación</a>
                       @endif  
                        <a style="margin-bottom: 10px; color: #7367f0 !important;" data-bs-toggle="modal" data-bs-target="#buscar_empleado_motivo{{$empresa->id_empresa}}" class="btn btn-outline-primary">Ver Comentarios y Motivo de terminación</a>
                        @if($empresa->id != $user->id)
                        <a style="margin-bottom: 10px;" href="/chatify/{{$empresa->id_empresa}}"  target="_blanck" class="btn btn-outline-primary">Chatear con la Empresa {{$empresa->name}}</a>
                        @endif
                    </div>
                </div>
                    </li>

                    <div
                    class="modal fade"
                    id="buscar_empleado_motivo{{$empresa->id_empresa}}"
                    tabindex="-1"
                    aria-labelledby="exampleModalCenterTitle"
                    aria-hidden="true"
                >
                    <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalCenterTitle">Motivos y Comentarios</h5>
                        <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
                        </div>
                        <div class="modal-body">
                        <div class="col-xl-12 col-md-6 col-12">
                            <div class="col-12">
                                <div class="mb-1">
                                  <label class="form-label" for="exampleFormControlTextarea1">Motivo de Terminación</label>
                                  <textarea
                                    class="form-control"
                                    id="exampleFormControlTextarea1"
                                    rows="3"
                                    placeholder="Textarea"
                                    name="motivo"
                                    readonly
                                  >{{$empresa->motivo}}</textarea>
                                </div>
                              </div>


                              <div class="col-12">
                                <div class="mb-1">
                                  <label class="form-label" for="exampleFormControlTextarea1">Comentario Adicional</label>
                                  <textarea
                                    class="form-control"
                                    id="exampleFormControlTextarea1"
                                    rows="3"
                                    placeholder="Textarea"
                                    name="comentario"
                                    readonly
                                  >{{$empresa->comentario}}</textarea>
                                </div>
                              </div>

                    </div>
                    </div>
                </div>
                </div>
            </div>

                @endforeach
        @else
                <h1>No tiene historial en otras empresas<h1>

        @endif

        </ul>
      </div>
    </div>
  </div>
  <!--/ User Timeline Card -->
            </div>
        </div>


    </div>
  </div>

  <div
                class="modal fade"
                id="buscar_empleado"
                tabindex="-1"
                aria-labelledby="exampleModalCenterTitle"
                aria-hidden="true"
              >
                <div class="modal-dialog modal-dialog-centered">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title" id="exampleModalCenterTitle">Buscar Empleado</h5>
                     <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
                    </div>
                    <div class="modal-body">
                    <div class="col-xl-12 col-md-6 col-12">
                    <form method="POST" action="/dashboard/buscar_empleado" id="busqueda_empleado">
                    {!! csrf_field() !!}
                        <div class="mb-1">
                          <label class="form-label" for="basicInput">Cédula</label>
                          <input type="text" class="form-control" id="basicInput" name="cedula" placeholder="Cédula" />
                        </div>
                      </div>

                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-outline-primary"  onclick="document.getElementById('busqueda_empleado').submit();" >Aceptar</button>
                        </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
</section>
<!-- Basic Inputs end -->


<!-- Tooltip validations end -->
@endsection

@section('page-script')
  <!-- Page js files -->
  <script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js'))}}"></script>
@endsection