@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="@if(isset($agencias) || isset($productores)) col-md-12 @else col-md-7 @endif">

        <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="{{ route('JerarquiaMenu') }}"
              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">Solicitudes de Activación</h5>
              <small class="text-white opacity-75">Agencias y Productores pendientes</small>
            </div>
          </div>

          <div class="card-body">

            {{-- Nav selector --}}
            <div class="d-flex mb-4">
              <div class="d-flex gap-2">
                <a class="btn btn-sm fw-semibold px-4
                    @if(Route::currentRouteName() == 'SolicitudesAgencias') btn-primary @else btn-outline-primary @endif"
                  href="{{ route('SolicitudesAgencias') }}">
                  <i class="bi bi-building me-1"></i> Agencias
                </a>
                <a class="btn btn-sm fw-semibold px-4
                    @if(Route::currentRouteName() == 'SolicitudesProductores') btn-primary @else btn-outline-primary @endif"
                  href="{{ route('SolicitudesProductores') }}">
                  <i class="bi bi-person-badge me-1"></i> Productores
                </a>
              </div>

              <div class="ms-auto">
                @php
                  $isOcultos = request()->query('ocultos') == 1;
                  $route = Route::currentRouteName();
                @endphp
                @if($route == 'SolicitudesAgencias' || $route == 'SolicitudesProductores')
                  <a class="btn btn-sm fw-semibold {{ $isOcultos ? 'btn-danger' : 'btn-outline-danger' }}"
                     href="{{ route($route, ['ocultos' => $isOcultos ? 0 : 1]) }}">
                     <i class="bi {{ $isOcultos ? 'bi-eye' : 'bi-eye-slash' }} me-1"></i> 
                     {{ $isOcultos ? 'Ver Pendientes' : 'Ver Quitados' }}
                  </a>
                @endif
              </div>
            </div>

            @php $agencias = $agencias ?? null; @endphp
            @php $productores = $productores ?? null; @endphp

            @if ($errors->any())
              <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>
            @endif

            @if(isset($agencias) && count($agencias) > 0)
              @include('Jerarquia.Auditar.Index_agencias')
            @elseif(isset($agencias) && count($agencias) == 0)
              <div class="text-center py-5 text-muted">
                <i class="bi bi-check-circle fs-1 d-block mb-2 text-success opacity-50"></i>
                No hay agencias pendientes de activar.
              </div>
            @endif

            @if(isset($productores) && count($productores) > 0)
              @include('Jerarquia.Auditar.Index_productores')
            @elseif(isset($productores) && count($productores) == 0)
              <div class="text-center py-5 text-muted">
                <i class="bi bi-check-circle fs-1 d-block mb-2 text-success opacity-50"></i>
                No hay productores pendientes de activar.
              </div>
            @endif

            @if(!isset($agencias) && !isset($productores))
              <div class="text-center py-5 text-muted">
                <i class="bi bi-arrow-left-circle fs-1 d-block mb-2 opacity-50"></i>
                Seleccioná una categoría para ver las solicitudes pendientes.
              </div>
            @endif

          </div>
        </div>

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

@include('layouts/datatable')