@php
    $todayStr = now()->format('Y-m-d');
    $yesterdayStr = now()->subDay()->format('Y-m-d');
    $last7From = now()->subDays(6)->format('Y-m-d');
    $weekFrom = now()->startOfWeek()->format('Y-m-d');
    $thisMonthFrom = now()->startOfMonth()->format('Y-m-d');

    $activePreset = '';
    if ($dateFrom === $dateTo && $dateFrom === $todayStr) {
        $activePreset = 'today';
    } elseif ($dateFrom === $dateTo && $dateFrom === $yesterdayStr) {
        $activePreset = 'yesterday';
    } elseif ($dateFrom === $last7From && $dateTo === $todayStr) {
        $activePreset = 'last7';
    } elseif ($dateFrom === $weekFrom && $dateTo === $todayStr) {
        $activePreset = 'week';
    } elseif ($dateFrom === $thisMonthFrom && $dateTo === $todayStr) {
        $activePreset = 'this_month';
    }

    $selectedCourierIds = array_map('intval', (array) request('courier_ids', []));
    $presets = [
        'today'      => 'Today',
        'yesterday'  => 'Yesterday',
        'last7'      => 'Last 7 Days',
        'week'       => 'This Week',
        'this_month' => 'This Month',
    ];
@endphp

<div class="dr-filter-card">
    <div class="dr-filter-card__head">
        <span><i class="fas fa-sliders-h me-2"></i>Report Filters</span>
        <small class="text-muted d-none d-md-inline">Select date, courier & status</small>
    </div>

    <form method="GET" action="{{ route('admin.reports.delivery.index') }}" id="deliveryReportFilterForm">
        <div class="dr-quick-dates">
            <div class="dr-quick-dates__label"><i class="far fa-calendar-alt me-1"></i> Quick Date</div>
            <div class="dr-quick-dates__scroll">
                @foreach($presets as $key => $label)
                    <button type="button"
                            class="dr-pill {{ $activePreset === $key ? 'is-active' : '' }} rp-preset-btn"
                            data-preset="{{ $key }}">{{ $label }}</button>
                @endforeach
            </div>
        </div>

        <div class="dr-filter-grid">
            <div class="dr-field dr-field--dates">
                <label class="dr-field__label"><i class="far fa-calendar me-1"></i> Date Range</label>
                <div class="dr-date-range">
                    <div class="dr-date-range__input">
                        <input type="text" name="date_from" id="deliveryFromDate"
                               class="form-control form-control-sm delivery-date-input"
                               value="{{ $dateFrom }}" placeholder="From" autocomplete="off" title="From Date">
                    </div>
                    <span class="dr-date-range__sep"><i class="fas fa-long-arrow-alt-right"></i></span>
                    <div class="dr-date-range__input">
                        <input type="text" name="date_to" id="deliveryToDate"
                               class="form-control form-control-sm delivery-date-input"
                               value="{{ $dateTo }}" placeholder="To" autocomplete="off" title="To Date">
                    </div>
                </div>
            </div>

            <div class="dr-field dr-field--courier">
                <label class="dr-field__label"><i class="fas fa-shipping-fast me-1"></i> Courier <span class="dr-field__hint">multi</span></label>
                <select name="courier_ids[]" id="courierSelect" class="form-select form-select-sm" multiple>
                    <option value=""></option>
                    @if($manualCouriers->isNotEmpty())
                        <optgroup label="Manual Couriers">
                            @foreach($manualCouriers as $c)
                                <option value="{{ $c->id }}"
                                    {{ in_array($c->id, $selectedCourierIds, true) ? 'selected' : '' }}>
                                    {{ $c->name }}
                                </option>
                            @endforeach
                        </optgroup>
                    @endif
                    @if($apiCouriers->isNotEmpty())
                        <optgroup label="API Couriers">
                            @foreach($apiCouriers as $c)
                                <option value="{{ $c->id }}"
                                    {{ in_array($c->id, $selectedCourierIds, true) ? 'selected' : '' }}>
                                    {{ $c->name }}
                                </option>
                            @endforeach
                        </optgroup>
                    @endif
                    @if($genericManual)
                        <optgroup label="Other">
                            <option value="{{ $genericManual->id }}"
                                {{ in_array($genericManual->id, $selectedCourierIds, true) ? 'selected' : '' }}>
                                {{ $genericManual->name }}
                            </option>
                        </optgroup>
                    @endif
                </select>
            </div>

            <div class="dr-field dr-field--status">
                <label class="dr-field__label"><i class="fas fa-flag me-1"></i> Status</label>
                <select name="status" class="form-select form-select-sm dr-status-select">
                    <option value="">All Status</option>
                    <option value="processing" {{ request('status') === 'processing' ? 'selected' : '' }}>Processing</option>
                    <option value="delivered" {{ request('status') === 'delivered' ? 'selected' : '' }}>Delivered</option>
                    <option value="failed" {{ request('status') === 'failed' ? 'selected' : '' }}>Failed</option>
                    <option value="cancelled" {{ request('status') === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                    <option value="returned" {{ request('status') === 'returned' ? 'selected' : '' }}>Returned</option>
                </select>
            </div>

            <div class="dr-field dr-field--search">
                <label class="dr-field__label"><i class="fas fa-search me-1"></i> Search</label>
                <div class="dr-search-wrap">
                    <input type="text" name="search" class="form-control form-control-sm"
                           placeholder="Tracking, name, phone…"
                           value="{{ request('search') }}">
                </div>
            </div>
        </div>

        <div class="dr-filter-footer">
            <button type="submit" class="btn btn-dr-primary">
                <i class="fas fa-filter me-1"></i> Apply Filter
            </button>
            <a href="{{ route('admin.reports.delivery.index') }}" class="btn btn-dr-ghost">Reset</a>
        </div>
    </form>
</div>