@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" @if(!$fecha)readonly @endif  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(!$fecha)disabled="disabled" @endif
               @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(!$fecha)disabled="disabled" @endif
               @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}}" @if(!$fecha)readonly @endif  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}}" @if(!$fecha)readonly @endif 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}}" @if(!$fecha)readonly @endif 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}}" @if(!$fecha)readonly @endif 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" @if(!$fecha)disabled="disabled" @endif>
               <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" @if(!$fecha)readonly @endif
                  >{{$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>
               @if($fecha)
               <input onclick="document.getElementById('colaborador').submit();" type="submit" class="btn btn-outline-primary  form-control" value="Guardar"   />
                @endif
               </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</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