@extends('layout.main') @section('content')
@include('reservation._alerts')
@php
    $tab = ['1' => 'activas', '2' => 'cerradas', '3' => 'cerradas', '4' => 'pagadas', 'cerradas' => 'cerradas', 'all' => 'todas', 'vencidas' => 'vencidas'][(string) $status] ?? 'activas';
    $titles = ['activas' => 'Reservas activas (con saldo, dentro del plazo de pago)', 'vencidas' => 'Reservas vencidas (pasó el plazo de pago; se pueden seguir modificando)',
        'pagadas' => 'Pagadas al 100 % · por enviar o por retirar', 'cerradas' => 'Cerradas: entregadas y canceladas', 'todas' => 'Todas las reservas'];
@endphp
<section class="forms">
    <div class="container-fluid">
        <div class="card">
            <div class="card-header"><h4>Reservas</h4></div>
            <div class="card-body">
                @include('reservation._nav', ['active' => $tab])
                <h5>{{ $titles[$tab] }}</h5>
                @if($tab == 'pagadas')
                <p class="text-muted mb-2"><small>Productos y envío ya pagados. Cuando el paquete sale (courier) o el cliente lo retira, pulsa
                    <strong>Confirmar envío</strong> o <strong>Confirmar retiro</strong> y pasa a Cerradas como ENTREGADA. Para varias a la vez, márcalas y usa el botón de abajo.</small></p>
                @endif
                <form method="get" action="{{ route('reservations.index') }}" class="row mb-3">
                    <input type="hidden" name="status" value="{{ $status }}">
                    <div class="col-md-9 mb-2">
                        <input type="text" name="q" value="{{ $search }}" autofocus class="form-control" placeholder="Buscar por cliente, cédula, teléfono, producto o N° de reserva (ej. Juan, RES-000012)">
                    </div>
                    <div class="col-md-3 mb-2"><button class="btn btn-info btn-block"><i class="fa fa-search"></i> Buscar</button></div>
                </form>

                @if($reservations->isEmpty())
                    @if($search !== '' && $status !== 'all')
                    <div class="alert alert-info">No hay reservas con "{{ $search }}" en esta pestaña.
                        <a href="{{ route('reservations.index', ['status' => 'all', 'q' => $search]) }}"><strong>Buscar en todas las reservas</strong></a></div>
                    @else
                    <div class="alert alert-info">No hay reservas aquí. <a href="{{ route('reservations.create') }}">Crear una reserva</a></div>
                    @endif
                @else
                    @if($tab == 'pagadas' && $can_edit)
                    {!! Form::open(['route' => 'reservations.deliver-many', 'method' => 'post', 'id' => 'deliver-many-form']) !!}
                        @include('reservation._table', ['selectable' => true])
                        <button name="type" value="salida" class="btn btn-success mb-3"><i class="fa fa-check"></i> Confirmar envío / retiro de las seleccionadas</button>
                    {!! Form::close() !!}
                    <script>
                        // Confirmación antes de ejecutar (el servidor vuelve a validar cada reserva).
                        $('#deliver-many-form button[name=type]').on('click', function(e) {
                            var n = $('#deliver-many-form input[name="ids[]"]:checked').length;
                            if (!n) { alert('Marca al menos una reserva.'); e.preventDefault(); return; }
                            if (!confirm('¿Confirmar el envío o retiro de ' + n + ' reserva(s)? Pasan a ENTREGADAS.\nLas que tengan saldo o no tengan método de entrega se quedan como están y verás el motivo.')) e.preventDefault();
                        });
                    </script>
                    @else
                    @include('reservation._table')
                    @endif
                    {{ $reservations->links('pagination::bootstrap-4') }}
                @endif
            </div>
        </div>
    </div>
</section>
@endsection