{{-- {{dd($inspecciones_estado)}} --}}
@if ($inspecciones_estado == 'Pendientes')
  <div class="row">
    <div class="col">
      <p>NOTA:</p>
      <p>Por defecto se listan inspecciones del último mes para agilizar la carga.</p>
      <p>Filtre la base de datos según Meses o Póliza para cargar la tabla.</p>
      <p>Luego podrá buscar dentro de la tabla o filtrar los resultados.</p>
      <br>

      <div class="row text-center">
        <div class="col">
          <span>Puede seleccionar otra cantidad de meses aquí:</span>
          <form class="form my-2" action="{{ Route("InspeccionesCustom") }}" method="post">
            @csrf
            <div class="mx-auto input-group col-md-6 col-6">
              <input class="form-control {{session('theme_bg_black')}}" type="number" name="q_meses" value="{{ old('q_meses') ?? '' }}" placeholder="Meses..">
              <button class="btn btn-outline-primary" type="submit" name="">Filtrar</button>
            </div>
          </form>
        </div>
        <div class="col">
          <p>Para buscar por póliza, complete aquí:</p>
          <form class="form" action="{{ Route("InspeccionesCustom") }}" method="post">
            @csrf
            <div class="mx-auto input-group col-md-6 col-6">
              <input class="form-control {{session('theme_bg_black')}}" type="number" name="poliza" value="{{ old('poliza') ?? '' }}" placeholder="Póliza.." required>
              <button class="btn btn-outline-primary" type="submit" name="">Filtrar</button>
            </div>
          </form>
        </div>
      </div>


    </div>
  </div>
  <br>
@endif

@if (isset($inspecciones))
  <hr>
  <br>

<table id="tabla_inspecciones" class="table table-sm table-hover table-bordered {{ session('theme_table') }}">
  <caption>Lista de Inspecciones {{$inspecciones_estado}} @if(isset($q_meses)) {{ "de hasta {$q_meses} mes/meses" }} @endif </caption>
  <thead class="bg-secondary text-white">
    <tr class="text-center">
      <th scope="col-1">ID</th>
      <th scope="col-4">Poliza</th>
      <th scope="col-2">Propuesta</th>
      <th scope="col-1">PAS</th>
      <th scope="col-4">DNI</th>
      <th scope="col-1">Fecha (Hora)</th>
      <th scope="col-2">Patente</th>
      <th scope="col-1">Kilometraje</th>
      @if ($inspecciones_estado != 'Pendientes')
        <th>Auditada</th>
      @endif
      <th scope="col-3"></th>
      @if ($inspecciones_estado == 'Pendientes')
        <th scope="col-3"></th>
      @endif
    </tr>
  </thead>
  <tbody>    
    @foreach($inspecciones as $inspeccion)    
      <tr class="text-center">
        <td>{{ $inspeccion['id'] }}</td>
        <td>{{ $inspeccion['poliza'] }}</td>
        <td>{{ $inspeccion['propuesta'] }}</td>
        <td>{{ $inspeccion['pas_codigo'] }}</td>
        <td>{{ $inspeccion['documento'] }}</td>
        <td>{{ $inspeccion['fecha']  }}</td>
        <td>{{ $inspeccion['patente']   }}</td>
        <td>{{ $inspeccion['km'] }}</td>
        @if ($inspecciones_estado == 'Aprobadas')
          <td>{{ $inspeccion['fecha_aprobada'] }}</td>
        @elseif ($inspecciones_estado == 'Rechazadas')
          <td>{{ $inspeccion['fecha_rechazada'] }}</td>
        @endif 
        @if ($inspecciones_estado == 'Pendientes')
          <td>
            <a class="btn btn-sm btn-outline-danger" href="{{ Route('Desestimar', [$inspeccion['id']] ) }}"><b>Desestimar</b></a>
          </td>
        @endif
        <td>
          <a class="btn btn-sm btn-outline-primary" href="{{ Route('AuditarInspeccion', [$inspeccion['id']]) }}"><b>Auditar</b></a>
        </td>
      </tr>
    @endforeach
  @endif
  </tbody>
</table>


@push('scripts')
  <script type="text/javascript">

  $(document).ready( function () {
    // DataTable
    var dt = $('#tabla_inspecciones').DataTable({
      initComplete: function () {
        // Apply the search
        this.api().columns().every( function () {
          var that = this;

          $( 'input', this.header() ).on( 'keyup change clear', function () {
            if ( that.search() !== this.value ) {
              that
              .search( this.value )
              .draw();
            }
          });
        });
      },
      order: [[1, 'desc']],
      lengthMenu: [ [ 20 ] ],
      buttons: ['excel', 'csv', 'print'],
      // search panes: <"row"<"col"P>>
      // listing <"col my-2"l>
      dom: '<"row justify-content-center"<"col my-2"B><"col py-2 my-2 tableFinder"f>> t <"row mt-3"<"col-md-5 mx-auto"p>> ',
      language: {
        url: "//cdn.datatables.net/plug-ins/1.11.4/i18n/es_es.json"
      }
    });

  });
  </script>
@endpush

@include('layouts/datatable')