@extends('admin.layouts.app')
@section('title','Delivery Reminder') @section('page_title','Delivery Reminder') @section('page_subtitle','Monitor upcoming, today, and overdue catering deliveries.')
@section('content')
<section class="dashboard-content">
    <div class="module-heading"><div><span class="eyebrow">DELIVERY MONITORING</span><h2>Delivery Reminder</h2><p>Active delivery schedule as of {{ now()->format('d M Y, h:i A') }}.</p></div></div>
    <section class="recent-card delivery-filter-card">
        <form class="delivery-filter-form" method="GET" action="{{ route('admin.delivery-reminders.index') }}">
            <div class="delivery-filter-field search"><label for="delivery-search">Search</label><input id="delivery-search" class="delivery-live-search" type="search" name="search" value="{{ $search }}" placeholder="Order, customer, event or address..." autocomplete="off"></div>
            <div class="delivery-filter-field"><label for="reminder-type">Reminder Type</label><select id="reminder-type" name="reminder_type" onchange="this.form.submit()"><option value="">All Reminders</option><option value="upcoming" @selected($reminderType==='upcoming')>Upcoming</option><option value="today" @selected($reminderType==='today')>Today</option><option value="overdue" @selected($reminderType==='overdue')>Overdue</option></select></div>
            <div class="delivery-filter-field"><label for="delivery-status">Status</label><select id="delivery-status" name="status" onchange="this.form.submit()"><option value="">All active statuses</option><option value="Pending" @selected($status==='Pending')>Pending</option><option value="Confirmed" @selected($status==='Confirmed')>Confirmed</option></select></div>
            <div class="delivery-filter-field"><label for="date-from">From Date</label><input id="date-from" type="date" name="date_from" value="{{ $dateFrom }}" onchange="this.form.submit()"></div>
            <div class="delivery-filter-field"><label for="date-to">To Date</label><input id="date-to" type="date" name="date_to" value="{{ $dateTo }}" onchange="this.form.submit()"></div>
            <a class="secondary-action delivery-reset" href="{{ route('admin.delivery-reminders.index') }}">Reset</a>
        </form>
    </section>
    <div class="delivery-summary">
        <a href="{{ route('admin.delivery-reminders.index',array_merge(request()->except('reminder_type'),['reminder_type'=>'upcoming'])) }}" class="delivery-summary-card upcoming"><span class="delivery-summary-icon">↗</span><span><small>Upcoming</small><strong>{{ $upcomingDeliveries->count() }}</strong></span></a>
        <a href="{{ route('admin.delivery-reminders.index',array_merge(request()->except('reminder_type'),['reminder_type'=>'today'])) }}" class="delivery-summary-card today"><span class="delivery-summary-icon">●</span><span><small>Today</small><strong>{{ $todayDeliveries->count() }}</strong></span></a>
        <a href="{{ route('admin.delivery-reminders.index',array_merge(request()->except('reminder_type'),['reminder_type'=>'overdue'])) }}" class="delivery-summary-card overdue"><span class="delivery-summary-icon">!</span><span><small>Overdue</small><strong>{{ $overdueDeliveries->count() }}</strong></span></a>
    </div>

    <section class="recent-card reminder-section {{ $reminderType==='overdue'?'overdue-section':'' }}" id="delivery-list">
        <div class="section-heading"><div><h2>{{ $reminderType ? ucfirst($reminderType).' Deliveries' : 'Delivery Reminder List' }}</h2><p>Upcoming, today's, and overdue deliveries in one table.</p></div><span class="reminder-count {{ $reminderType?:'upcoming' }}">{{ $deliveries->count() }}</span></div>
        @include('admin.delivery-reminders.table',['deliveries'=>$deliveries,'emptyMessage'=>'No deliveries match the selected filters.','type'=>'mixed'])
    </section>
</section>
@endsection
@push('scripts')<script>document.querySelectorAll('.delivery-live-search').forEach(input=>{let timer;input.addEventListener('input',()=>{clearTimeout(timer);timer=setTimeout(()=>input.form.submit(),450)})});</script>@endpush