@extends('plantilla')
@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css">
@endsection
@section('contenido')
<div class="container py-2">
  <div class="card">
    <div class="card-header">
      <h5>CARGAR ARCHIVO EXCEL</h5>
    </div>
    <div class="card-body">
      <form action="{{route('datos.import.excel')}}" method="post" enctype="multipart/form-data">
      @csrf
      @if ($message = Session::has('message'))
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        <strong>Exito!</strong> {{ session::get('message')}}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
      @endif
      <div class="row">
        <div class="col text-center">
          <input type="file" name="file" id="file" class="form-control">
        </div>
        <div class="col text-center">
          <button class="btn btn-primary">Subir archivo excel</button>
        </div>
      </div>
      </form>
    </div>
  </div>
  <div class="card" style="margin-top: 3px;">
    <div class="card-header">
      <h5>LISTADO DE CARGAS DE CERTIFICADOS</h5>
    </div>
    <div class="card-body">
      <table id="datosReg" class="table table-bordered">
        <thead>
          <tr>
            <th scope="col">Contrato</th>
            <th scope="col">Nombres</th>
            <th scope="col">Apellidos</th>
            <th scope="col">Programa</th>
            <th scope="col">Fecha</th>
            <th scope="col">Horas</th>
            <th scope="col">Activo</th>
            <th scope="col">Opciones</th>
          </tr>
        </thead>
        <tbody>
          @foreach($datos as $dato)
            <tr>
              <td>{{$dato->contrato}}</td>
              <td>{{$dato->nombres}}</td>
              <td>{{$dato->apellidos}}</td>
              <td>{{$dato->programa}}</td>
              <td>{{$dato->fecha}}</td>
              <td>{{$dato->horas}}</td>
              <td>{{$dato->activo}}</td>
              <td class="d-flex">
                @if($dato->activo == 'si')
                <form action="{{route('downReg',$dato->id)}}" method="post">
                  @csrf
                  <button type="submit" class="btn btn-success btn-sm"><i class="fas fa-thin fa-lock-open"></i></button>
                </form>
                @else
                <form action="{{route('downReg',$dato->id)}}" method="post">
                  @csrf
                  <button type="submit" class="btn btn-warning btn-sm"><i class="fas fa-thin fa-lock"></i></button>
                </form>
                @endif
                <a href="{{route('getInfo',$dato->id)}}" class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>
                <a href="{{route('deleteInfo',$dato->id)}}" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i></a>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection
@section('js')
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap5.min.js"></script>
<script>
  $(document).ready(function () {
    $('#datosReg').DataTable();
});
</script>
@endsection