@extends('admin.layouts.app')

@section('content')
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
    <h4 class="mb-sm-0">Solicitudes de Compra</h4>
    <div class="page-title-right">
        <ol class="breadcrumb m-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Inicio</a></li>
            <li class="breadcrumb-item active">Solicitudes de Compra</li>
        </ol>
    </div>
</div>

@include('admin.branch-requests.partials.flash')

{{-- Tarjetas de resumen. Clickeables: cada una aplica su propio filtro conservando la
     bandeja actual, igual que en Cotizaciones. --}}
@php $anchoTarjeta = max(2, floor(12 / count($tarjetas))); @endphp
<div class="row">
    @foreach($tarjetas as $t)
        @php
            $activa = collect($t['filtro'])->every(fn ($v, $k) => request($k) === $v)
                      && count($t['filtro']) > 0;
            $destino = route('admin.branch-requests.index',
                array_merge(['bandeja' => $bandeja], $t['filtro']));
        @endphp
        <div class="col-xl-{{ $anchoTarjeta }} col-lg-3 col-md-4 col-sm-6">
            <a href="{{ $destino }}" class="text-decoration-none">
                <div class="card card-animate {{ $activa ? 'border border-2 border-'.$t['color'] : '' }}"
                     title="{{ count($t['filtro']) ? 'Filtrar por '.$t['label'] : 'Todas' }}">
                    <div class="card-body">
                        <p class="text-uppercase fw-medium text-muted text-truncate mb-0">{{ $t['label'] }}</p>
                        <div class="d-flex align-items-end justify-content-between mt-4">
                            <h4 class="fs-20 fw-semibold ff-secondary mb-0 text-body">{{ number_format($t['count']) }}</h4>
                            <div class="avatar-sm flex-shrink-0">
                                <span class="avatar-title bg-{{ $t['color'] }}-subtle rounded fs-3">
                                    <i class="ri-{{ $t['icon'] }}-line text-{{ $t['color'] }}"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    @endforeach
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header border-0">
                <div class="d-flex align-items-center flex-wrap gap-2">
                    {{-- Bandejas: sólo tienen sentido para un usuario de sucursal.
                         El usuario de la empresa (sin co_sucu) ve todo junto. --}}
                    @if($miSucursal)
                        <ul class="nav nav-tabs-custom card-header-tabs border-bottom-0 flex-grow-1">
                            <li class="nav-item">
                                <a class="nav-link {{ $bandeja !== 'recibidas' ? 'active' : '' }}"
                                   href="{{ route('admin.branch-requests.index', ['bandeja' => 'emitidas']) }}">
                                    <i class="ri-upload-2-line me-1 align-bottom"></i> Mis Solicitudes
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $bandeja === 'recibidas' ? 'active' : '' }}"
                                   href="{{ route('admin.branch-requests.index', ['bandeja' => 'recibidas']) }}">
                                    <i class="ri-download-2-line me-1 align-bottom"></i> Para Responder
                                </a>
                            </li>
                        </ul>
                    @else
                        <div class="flex-grow-1">
                            <span class="badge bg-info-subtle text-info fs-12">
                                <i class="ri-building-line align-bottom me-1"></i>
                                Usuario de la empresa &mdash; viendo todas las sucursales
                            </span>
                        </div>
                    @endif

                    <a href="{{ route('admin.branch-requests.create') }}" class="btn btn-primary">
                        <i class="ri-add-line align-bottom me-1"></i> Nueva Solicitud
                    </a>
                </div>
            </div>

            <div class="card-body border-bottom">
                <form method="GET" action="{{ route('admin.branch-requests.index') }}">
                    <input type="hidden" name="bandeja" value="{{ $bandeja }}">
                    {{-- Conserva el filtro de la tarjeta al buscar o cambiar otro filtro. --}}
                    @if(request('filtro'))
                        <input type="hidden" name="filtro" value="{{ request('filtro') }}">
                    @endif
                    <div class="row g-2">
                        <div class="col-md-4">
                            <label class="form-label small">Buscar</label>
                            <div class="input-group">
                                <input type="text" name="keyword" class="form-control"
                                       value="{{ request('keyword') }}"
                                       placeholder="Número, artículo o descripción...">
                                <button class="btn btn-primary" type="submit"><i class="ri-search-line"></i></button>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small">Estado</label>
                            <select name="estado" class="form-select" onchange="this.form.submit()">
                                <option value="">Todos</option>
                                @foreach(['borrador' => 'Borrador', 'enviada' => 'Enviada', 'parcial' => 'Cubierta parcial', 'completa' => 'Cubierta, sin recibir', 'recibida' => 'Recibida', 'anulada' => 'Anulada'] as $val => $lbl)
                                    <option value="{{ $val }}" {{ request('estado') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small">Prioridad</label>
                            <select name="prioridad" class="form-select" onchange="this.form.submit()">
                                <option value="">Todas</option>
                                @foreach(['urgente' => 'Urgente', 'alta' => 'Alta', 'media' => 'Media', 'baja' => 'Baja'] as $val => $lbl)
                                    <option value="{{ $val }}" {{ request('prioridad') === $val ? 'selected' : '' }}>{{ $lbl }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small">Tipo</label>
                            <select name="tipo" class="form-select" onchange="this.form.submit()">
                                <option value="">Todos</option>
                                <option value="deposito" {{ request('tipo') === 'deposito' ? 'selected' : '' }}>A depósito</option>
                                <option value="compras" {{ request('tipo') === 'compras' ? 'selected' : '' }}>A compras</option>
                            </select>
                        </div>
                        @unless($miSucursal)
                            <div class="col-md-2">
                                <label class="form-label small">Sucursal</label>
                                <select name="co_sucu" class="form-select" onchange="this.form.submit()">
                                    <option value="">Todas</option>
                                    @foreach($sucursales as $s)
                                        <option value="{{ trim($s->CO_ORIDE) }}" {{ request('co_sucu') === trim($s->CO_ORIDE) ? 'selected' : '' }}>
                                            {{ $s->nombre }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @endunless
                    </div>
                </form>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Número</th>
                                <th>Fecha</th>
                                <th>Solicita</th>
                                <th>Destino</th>
                                <th>Tipo</th>
                                <th>Prioridad</th>
                                <th class="text-center">Artículos</th>
                                <th width="150">Cobertura</th>
                                <th class="text-end">Importe est.</th>
                                <th>Estado</th>
                                <th width="110" class="text-center">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                        @forelse($solicitudes as $solicitud)
                            <tr>
                                <td>
                                    <a href="{{ route('admin.branch-requests.show', $solicitud->id) }}" class="fw-semibold">
                                        {{ $solicitud->numero }}
                                    </a>
                                </td>
                                <td>{{ $solicitud->fecha_solicitud?->format('d/m/Y') }}</td>
                                <td>{{ $solicitud->solicitante->nombre ?? $solicitud->co_sucu }}</td>
                                <td>
                                    @if($solicitud->co_sucu_destino)
                                        {{ $solicitud->destinatario->nombre ?? $solicitud->co_sucu_destino }}
                                    @else
                                        <span class="badge bg-secondary-subtle text-secondary">Abierta</span>
                                    @endif
                                </td>
                                <td>
                                    <span class="badge bg-light text-body">
                                        {{ $solicitud->tipo === 'compras' ? 'A compras' : 'A depósito' }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-{{ $solicitud->prioridad_color }}">
                                        {{ $solicitud->prioridad_en_espanol }}
                                    </span>
                                </td>
                                <td class="text-center">{{ $solicitud->items->count() }}</td>

                                {{-- Avance sin abrir la solicitud: quien pidió necesita ver
                                     de un vistazo cuánto le cubrieron y quiénes contestaron. --}}
                                <td>
                                    @php $c = $solicitud->cobertura; @endphp
                                    @if($solicitud->estado === 'borrador')
                                        <span class="text-muted small">&mdash;</span>
                                    @else
                                        <div class="d-flex align-items-center gap-2">
                                            <div class="progress flex-grow-1" style="height: 6px;">
                                                <div class="progress-bar bg-{{ $c['porcentaje'] >= 100 ? 'success' : 'warning' }}"
                                                     style="width: {{ $c['porcentaje'] }}%"></div>
                                            </div>
                                            <span class="small text-muted text-nowrap">{{ $c['porcentaje'] }}%</span>
                                        </div>
                                        <small class="text-muted">
                                            {{ rtrim(rtrim(number_format($c['cubierto'], 2, ',', '.'), '0'), ',') }}
                                            de
                                            {{ rtrim(rtrim(number_format($c['pedido'], 2, ',', '.'), '0'), ',') }} u.
                                            @if($c['respuestas'])
                                                &middot; {{ $c['respuestas'] }} resp.
                                            @endif
                                        </small>
                                    @endif
                                </td>

                                <td class="text-end">$ {{ number_format($solicitud->importe_total, 2, ',', '.') }}</td>
                                <td>
                                    @php $colorEstado = $solicitud->estado_color; @endphp
                                    <span class="badge bg-{{ $colorEstado }}-subtle text-{{ $colorEstado }}">
                                        {{ $solicitud->estado_en_espanol }}
                                    </span>
                                </td>
                                <td class="text-center">
                                    <div class="d-flex gap-1 justify-content-center">
                                        <a href="{{ route('admin.branch-requests.show', $solicitud->id) }}"
                                           class="btn btn-sm btn-info" title="Ver detalle">
                                            <i class="ri-eye-line"></i>
                                        </a>

                                        {{-- Editar y enviar sólo mientras es borrador: una vez
                                             enviada, otras sucursales pueden haber respondido. --}}
                                        @if($solicitud->estado === 'borrador' && (!$miSucursal || $solicitud->co_sucu === $miSucursal))
                                            <a href="{{ route('admin.branch-requests.edit', $solicitud->id) }}"
                                               class="btn btn-sm btn-warning" title="Editar borrador">
                                                <i class="ri-pencil-line"></i>
                                            </a>
                                            <form action="{{ route('admin.branch-requests.enviar', $solicitud->id) }}"
                                                  method="POST" class="d-inline">
                                                @csrf
                                                <button type="button" class="btn btn-sm btn-success"
                                                        title="Enviar solicitud"
                                                        onclick="confirmAction('¿Enviar la solicitud {{ $solicitud->numero }}?', 'Una vez enviada ya no se puede modificar.', () => this.closest('form').submit(), 'Si, enviar')">
                                                    <i class="ri-send-plane-line"></i>
                                                </button>
                                            </form>
                                        @endif

                                        @if($solicitud->estado !== 'anulada' && (!$miSucursal || $solicitud->co_sucu === $miSucursal))
                                            <form action="{{ route('admin.branch-requests.delete', $solicitud->id) }}"
                                                  method="POST" class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="button" class="btn btn-sm btn-danger"
                                                        title="Anular solicitud"
                                                        onclick="confirmAction('¿Anular la solicitud {{ $solicitud->numero }}?', 'Queda anulada pero no se borra: el histórico se conserva.', () => this.closest('form').submit(), 'Si, anular')">
                                                    <i class="ri-close-circle-line"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="11" class="text-center py-5">
                                    <i class="ri-exchange-box-line fs-1 text-muted d-block mb-2"></i>
                                    <span class="text-muted">
                                        @if($bandeja === 'recibidas')
                                            Ninguna otra sucursal te pidió mercadería.
                                        @else
                                            Todavía no cargaste ninguna solicitud.
                                        @endif
                                    </span>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $solicitudes->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection