@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-12">
        <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>
            Productores Activos
          </div>

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

            <div class="card-body">
              <p>
                <span class="h5">NOTAS:</span>
                <ul>
                  <li>Ya es posible buscar por cualquier dato listado en las columnas</li>
                  <li>Agregado EMAIL como criterio de búsqueda</li>
                </ul>
              </p>
            </div>

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

            @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($productores) and count($productores) > 0)
            <div class="card-body p-0">
              <table id="tablaProductoresActivos" class='table table-hover {{ session('theme_table') }}'>
                <thead class="text-center">
                  <th>ID</th>
                  <th>Codigo Equis</th>
                  <th class="col-2">Nombre Fantasia</th>
                  <th>Organizador</th>
                  <th>DNI</th>
                  <th>Fecha de Alta</th>
                  <th style="display:none">Email</th>
                  <th></th>
                  <th></th>
                  <th></th>
                </thead>

                <tbody>
                  @foreach($productores as $productor)
                    <tr class="text-center">
                      <td> {{ $productor->id }} </td>
                      <td> {{ $productor->codigoProdEquis }} </td>
                      <td>
                        @if($productor->cuenta === null ) Incompleto @endif {{ $productor->cuenta }}
                      </td>
                      <td> {{ $productor->cuentaOrg }} </td>
                      <td>
                        @if($productor->numeroDocumento === null) Incompleto @endif {{ $productor->numeroDocumento }}
                      </td>
                      <td> {{ $productor->created_at }} </td>
                      <td  style="display:none"> {{ $productor->email }} </td>
                      <td>
                        <a class="btn btn-sm btn-primary" href="{{ route('AuditarProductor', ['id' => $productor->id]) }}">Auditar</a>
                      </td>
                      <td>
                        <a class="btn btn-sm btn-success" href="{{ route('AgenciasPorPas', ['id' => $productor->id]) }}">Agencias</a>
                      </td>
                      <td>
                        <form class="form" action="{{ route('QuitarRegistro') }}" method="POST" enctype="multipart/form-data">
                          @csrf
                          <input type="hidden" name="database"       value="productor">
                          <input type="hidden" name="productor_id"   value="{{ $productor->id }}">
                          <input type="hidden" name="cod_prod_equis" value="{{ $productor->codigoProdEquis }}">
                          <button class="btn btn-sm btn-danger" type="submit">Quitar</button>
                        </form>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>

            <br>

            @endif
          </div>

        </div>

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

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

  $(document).ready( function () {
    // DataTable
    var dt = $('#tablaProductoresActivos').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: [[5, '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')