@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-md-12">

        @include('layouts.alerts.success')

        @include('layouts.alerts.error')

        <div class="card {{ session('theme_card') }}">

          <div class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Solicitudes de Bajas de Polizas
          </div>

          <div class='card {{ session('theme_bg_black') }} float-left'>

            <div class="card-body">

              <div class="lead text-center">
                @if ($errors->any())
                  <p>{{ $errors->first() }}</p>
                @endif
              </div>

              @if (isset($solicitudes))              
                <table id="tabla_pendientes" class="table table-sm table-hover table-bordered {{ session('theme_table') }}" id="pendientes_table">
                  <caption>Lista de Solicitudes de Bajas de Pólizas</caption>
                  <thead class="bg-secondary text-white text-center">
                    <tr>
                      <th scope="col-1">#</th>
                      <th scope="col-1">Póliza</th>
                      <th scope="col-1">Fecha</th>
                      <th scope="col-4">Telefono</th>
                      <th scope="col-4">Mail</th>
                      <th scope="col-4">Estado</th>
                      <th scope="col-4">Productor</th>
                      <th scope="col-4">Método de Pago</th>
                      <th scope="col-4">Procesado Por</th>
                      <th scope="col-6">Acciones</th>
                    </tr>
                  </thead>
                  <tbody>
                                      @foreach($solicitudes as $solicitud)
                    <tr>
                      <td class="text-center">{{ $solicitud->id }}</td>
                        <td class="text-center">{{ $solicitud->poliza }}</td>
                      <td class="text-center">{{ $solicitud->created_at }}</td>
                      <td class="text-center">{{ $solicitud->telefono }}</td>
                      <td class="text-center">{{ $solicitud->mail }}</td>
                        <td class="text-center">{{ $solicitud->estado }}</td>
                        <td class="text-center">{{ $solicitud->codigo_productor }}</td>
                        <td class="text-center">{{ $solicitud->forma_cobro }}</td>
                        <td class="text-center">{{ $solicitud->user }}</td>
                        <td class="text-center"><a  href="{{ route('SolicitudBaja',[$solicitud->id]) }}"  class="btn btn-sm btn-primary"><b>Procesar</b></a></td>
                    </tr>
                    @endforeach
                  </tbody>
                </table>
              @endif

            </div>

          </div>

        </div>
      </div>
    </div>
  </div>
@endsection

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

  $(document).ready( function () {
    // DataTable
    var dt = $('#tabla_pendientes').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']],
      buttons: ['excel'],
      lengthMenu: [ [ 20 ] ],
      // search panes: <"row"<"col"P>>
      // listing <"col my-2"l>
      dom: '<"row my-3 text-center"<"col"B>> <"row my-2 text-center"<"col mx-auto 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')