@extends('layouts.principal')
@section('contenido')

<div class="row">
  <div class="col-md">
    <div class="alert alert-warning" role="alert">
      <b><i class="fas fa-book-reader"></i> LISTADO DE EXAMENES POR COLABORADOR </b>
    </div>

  </div>
</div>

@php
 
$fecha_actual = date("d-m-Y");
 
// Primero sumas un día
$sumado = date("d-m-Y",strtotime($fecha_actual."+ 5 days")); 

$fechaFinal = date("Y-m-d", strtotime($sumado));
$fechaInicio = date("Y-m-d");

@endphp


<div class="row">
  <div class="col-md">
     <div class="card">
       <div class="card-body">

        <form id="formBusquedaExamenesRep1">
          <div class="row">

             <div class="col-md-3">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Fecha Inicio </label>
                <input type="date" class="form-control" id="finicio" value="{{$fechaInicio}}">
              </div>
            </div>


             <div class="col-md-3">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">Fecha Fin </label>
              	<input type="date" class="form-control" id="ffin" value="{{$fechaFinal}}">
              </div>
            </div>

             <div class="col-md-3">
              <div class="mb-3">
                <label for="exampleInputEmail1" class="form-label">N° DOCUMENTO : </label>
                <input type="text" class="form-control" id="dni" placeholder="Ingrese Documento">
              </div>
            </div>

             <div class="col-md-3 mt-4">   
                <button class="btn btn-primary" id="btnSeleccionarExamen"><i class="fas fa-search mr-1"></i> Realizar Busqueda</button>
            </div>

          </div>
         
        </form>

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

<div class="row mt-2">
    <div class="card">
      <h5 class="card-header"><b><i class="fas fa-table"></i> Tablero de Exámenes</b></h5>
      <div class="card-body">


    <!-- En esta parte va la Tabla  -->

    <div class="table-responsive">

      <table id="reporteExamenesRp2Table"  class="table table-striped mt-4" style="width:100%">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>COLABORADOR</th>
                            <th>EXAMEN</th>
                            <th>AREA</th>
                            <th>PUESTO</th>
                            <th>ACCIONES</th>
                        </tr>
                    </thead>
                    <tbody id="tbodyReporteIndividuales">
                                                
                    </tbody>
      </table>


    </div>

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





<!-- Modal -->
<div class="modal fade" id="ModalGraficos" data-bs-backdrop="static" >
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel"> Graficos </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        
          <div class="container">
            <div class="row">
              <canvas id="myChart" width="400" height="400"></canvas>
            </div>

            <div class="row">
              <div class="col-md">
                  <canvas id="myChart2" width="400" height="400"></canvas>
              </div>
            </div>


            <div class="row">
              <div class="col-md">
                  <canvas id="myChart3" width="400" height="400"></canvas>
              </div>
            </div>

          </div>
      

       </div>
       <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
       </div>

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



@endsection