@extends('layouts/contentLayoutMaster') 
@section('title', 'Input') 
@section('content')

<!-- 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==2)
                        <a href="/dashboard/analytics" class="btn btn-danger col-md-3">Atras</a>
                    @else
                        <a href="/dashboard/colaboradores" class="btn btn-danger col-md-3">Atras</a>
                    @endif
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Crear Colaborador</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-4 col-md-6 col-12">
                            <div class="mb-1">
                                <label class="form-label" for="basicInput">Cedula</label>
                                <input type="text" name="cedula" class="form-control" value="{{$empleado->cedula}}" readonly id="basicInput" placeholder="Cedula" />
                            </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" disabled="disabled" 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"  disabled="disabled" 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="basicInput">Promedio </label>
                                <br />
                                <h1><strong>{{$promedio}}</strong></h1>
                                <p><small class="text-muted">Ha sido evaluado en : {{$cantidad}} Empresas</small></p>
                            </div>
                        </div>
                       
                       
                    </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">

        @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">
                        <a style="margin-bottom: 10px;" href="/dashboard/calificacion_empleado/{{$empresa->id_empleado}}/{{$empresa->id_empresa}}" class="btn btn-outline-primary"> Ver Calificación</a>
                        <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
                        @if($user->rol==1)
                        
                            <a style="margin-bottom: 10px;" href="{{$empresa->cedula_copia}}"  target="_blanck" class="btn btn-outline-primary">Cédula</a>
                            <a style="margin-bottom: 10px;" href="{{$empresa->carta}}"  target="_blanck" class="btn btn-outline-primary">Carta</a>
                            <a style="margin-bottom: 10px;" href="{{$empresa->contrato}}"  target="_blanck" class="btn btn-outline-primary">Contrato</a>
                            <a style="margin-bottom: 10px;" href="/dashboard/ver_calificacion_admin/{{$empleado->id_empleado}}/{{$empresa->id_empresa}}" class=" btn btn-outline-warning">Modificar Calificación</a>
                            <a style="margin-bottom: 10px;" href="/dashboard/editar/empleadoAdmin/{{$empleado->id_empleado}}/{{$empresa->id_empresa}}" class=" btn btn-outline-warning">Editar</a>
                            @if($empresa->omitir==1)
                              <a href="/dashboard/omitir/empleadoAdmin/{{$empleado->id_empleado}}/{{$empresa->id_empresa}}" class=" btn btn-outline-success">Aprobar</a>
                            @else
                            <a href="/dashboard/omitir/empleadoAdmin/{{$empleado->id_empleado}}/{{$empresa->id_empresa}}" class=" btn btn-outline-danger">Omitir</a>
                            @endif

                        @endif
                    </div>
                </div>
                
                <div class="d-flex flex-row align-items-center">

                </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



        </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 ex-Colaborador</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