@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-12">
        <div class="card glass-card border-0 shadow-lg mb-4">

          <div class="card-header py-3 border-0 d-flex align-items-center"
            style="background: var(--sp-brand-blue) !important;">
            <a href="{{ url()->previous() }}"
              class="btn btn-sm glass-brand-red rounded-circle me-3 shadow-sm border-0 d-flex align-items-center justify-content-center"
              style="width:35px;height:35px;">
              <i class="bi bi-chevron-left text-white"></i>
            </a>
            <div>
              <h5 class="mb-0 fw-bold shadow-text text-white">Productores Activos</h5>
              <small class="text-white opacity-75">Cartera de productores registrados</small>
            </div>
          </div>

          <div class="card-body py-3">
            <h6 class="fw-semibold mb-2 theme-content-title">
              <i class="bi bi-funnel me-1"></i> Filtros de Búsqueda
            </h6>
            <form action="{{ route('Productores') }}" method="GET" class="row g-2 mb-3">
              <input type="hidden" name="search" value="1">
              <div class="col-md-2">
                <input type="text" class="form-control form-control-sm" name="f_id" id="f_id"
                  placeholder="ID / Cód. Equis" value="{{ request('f_id') }}">
              </div>
              <div class="col-md-3">
                <input type="text" class="form-control form-control-sm" name="f_nombre" id="f_nombre"
                  placeholder="Nombre / Cuenta" value="{{ request('f_nombre') }}">
              </div>
              <div class="col-md-2">
                <input type="text" class="form-control form-control-sm" name="f_dni" id="f_dni" placeholder="DNI"
                  value="{{ request('f_dni') }}">
              </div>
              <div class="col-md-3">
                <input type="text" class="form-control form-control-sm" name="f_email" id="f_email" placeholder="Email"
                  value="{{ request('f_email') }}">
              </div>
              <div class="col-md-2">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                  <i class="bi bi-search me-1"></i> Buscar
                </button>
              </div>
            </form>
            <div class="alert alert-info py-1 small mb-0">
              <i class="bi bi-info-circle me-1"></i>
              Búsqueda por servidor · 30 registros por página.
            </div>
          </div>

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

          @if ($errors->any())
            <div class="px-4 pb-2">
              <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ $errors->first() }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
              </div>
            </div>
          @endif

          @if (isset($productores) and count($productores) > 0)
            <div class="card-body p-0">
              <div class="table-responsive">
                <table id="tablaProductoresActivos" class="table table-hover table-sm align-middle mb-0">
                  <thead class="table-dark text-center">
                    <tr>
                      <th>Cód. Equis</th>
                      <th>Nombre Fantasía</th>
                      <th>Organizador</th>
                      <th>DNI</th>
                      <th>Fecha Alta</th>
                      <th style="white-space:nowrap;width:1%;"></th>
                      <th style="white-space:nowrap;width:1%;"></th>
                      <th style="white-space:nowrap;width:1%;"></th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($productores as $productor)
                      <tr class="text-center">
                        <td>
                          @if($productor->codigoProdEquis)
                            <span class="badge bg-primary">{{ $productor->codigoProdEquis }}</span>
                          @else
                            <span class="badge bg-warning text-dark">—</span>
                          @endif
                        </td>
                        <td class="text-center">{{ $productor->cuenta ?? '—' }}</td>
                        <td class="text-center small text-muted">{{ $productor->cuentaOrg ?? '—' }}</td>
                        <td>{{ $productor->numeroDocumento ?? '—' }}</td>
                        <td class="text-muted small">{{ \Carbon\Carbon::parse($productor->created_at)->format('d/m/Y') }}</td>
                        <td style="display:none">{{ $productor->email }}</td>
                        <td style="white-space:nowrap;">
                          <a class="btn btn-sm btn-primary" href="{{ route('AuditarProductor', ['id' => $productor->id]) }}">
                            <i class="bi bi-pencil-square me-1"></i>Auditar
                          </a>
                        </td>
                        <td style="white-space:nowrap;">
                          <a class="btn btn-sm btn-outline-secondary"
                            href="{{ route('AgenciasPorPas', ['id' => $productor->id]) }}">
                            <i class="bi bi-building me-1"></i>Agencias
                          </a>
                        </td>
                        <td style="white-space:nowrap;">
                          <form action="{{ route('QuitarRegistro') }}" method="POST">
                            @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-outline-danger" type="submit"
                              onclick="return confirm('¿Confirma que desea quitar este registro?')">
                              <i class="bi bi-x-circle me-1"></i>Quitar
                            </button>
                          </form>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
            </div>

            <div class="card-footer d-flex justify-content-center border-0 bg-transparent pt-3">
              {{ $productores->links() }}
            </div>
          @endif

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

@push('scripts')
  <script>
    $(document).ready(function () {
      $('#tablaProductoresActivos').DataTable({
        order: [[4, 'desc']],
        paging: false,
        searching: false,
        info: false,
        language: { url: "//cdn.datatables.net/plug-ins/1.11.4/i18n/es_es.json" }
      });
    });
  </script>
@endpush

@include('layouts/datatable')