@php
    $dateFilter = $dateFilter ?? ['active' => false, 'from' => null, 'to' => null, 'label' => null];
    $filterActive = (bool) ($dateFilter['active'] ?? false);
    $filterRoute = $filterRoute ?? \Illuminate\Support\Facades\Route::currentRouteName();
    $filterRouteParams = $filterRouteParams ?? [];
    $filterHidden = $filterHidden ?? [];
@endphp

<section class="mb-5">
    <form method="GET" action="{{ route($filterRoute, $filterRouteParams) }}" class="card" style="display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px">
        @foreach($filterHidden as $hiddenName => $hiddenValue)
            <input type="hidden" name="{{ $hiddenName }}" value="{{ $hiddenValue }}">
        @endforeach
        <div>
            <label class="label" for="{{ str_replace('.', '_', $filterRoute) }}_from">From Date</label>
            <input class="field" id="{{ str_replace('.', '_', $filterRoute) }}_from" type="date" name="from" value="{{ $dateFilter['from'] ?? '' }}" style="min-width:170px">
        </div>
        <div>
            <label class="label" for="{{ str_replace('.', '_', $filterRoute) }}_to">To Date</label>
            <input class="field" id="{{ str_replace('.', '_', $filterRoute) }}_to" type="date" name="to" value="{{ $dateFilter['to'] ?? '' }}" style="min-width:170px">
        </div>
        <button class="btn btn-primary" type="submit">Apply Filter</button>
        @if($filterActive)
            <a class="btn" href="{{ route($filterRoute, $filterRouteParams) }}">Clear</a>
            <span class="text-xs" style="color:var(--muted)">Showing date-based values for {{ $dateFilter['label'] }}</span>
        @else
            <span class="text-xs" style="color:var(--muted)">Default view uses live balances, today collections, and current month totals where applicable.</span>
        @endif
    </form>
</section>