@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10">
        <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>
            Agencias del PAS con Código Equis : {{ $agencias[0]->codigoProd }} 
          </div>

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

            @php $agencias = session('agencias') ?? $agencias; @endphp

            <br>

            @if ($errors->any())
              <div class="align-self-center col-sm-auto col-md-10">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                  {{ $errors->first() }}
                  <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
              </div>
            @endif

            @if (isset($agencias) and count($agencias) > 0)
            <div class="card-body p-0">
              <table id="tablaAgenciasPorPas" class='table {{ session('theme_table') }}'>
                <thead class="text-center">
                  <th>ID</th>
                  <th>Codigo Equis</th>
                  <th>Nombre</th>
                  <th>Nombre Comercial</th>
                  <th></th>
                  <th></th>
                </thead>

                <tbody>
                  @foreach($agencias as $agencia)
                    <tr class="text-center">
                      <td>{{ $agencia->id }}</td>
                      <td>{{ $agencia->codigoProdEquis }}</td>
                      <td>{{ $agencia->nombre ? $agencia->nombre.' '.$agencia->apellido : "Incompleto" }}</td>
                      <td>{{ $agencia->nombreComercial ? $agencia->nombreComercial : "Incompleto" }}</td>
                      <td>
                        <a class="btn btn-sm btn-primary" href="{{ route('AuditarAgencia', ['id' => $agencia->id]) }}">Auditar</a>
                      </td>
                      <td>
                        <form class="form" action="{{ route('QuitarRegistro') }}" method="POST" enctype="multipart/form-data">
                          @csrf
                          <input type="hidden" name="database"       value="agencia">
                          <input type="hidden" name="agencia_id"     value="{{ $agencia->id }}">
                          <input type="hidden" name="cod_prod_equis" value="{{ $agencia->codigoProdEquis }}">
                          <button class="btn btn-sm btn-danger" type="submit">Quitar</button>
                        </form>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            @endif

            <br>
          </div>

        </div>

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

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

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