{{-- Shared date-range filter for reports.
     Usage: @include('admin.reports._filter', ['title' => '...', 'showGranularity' => true|false])
--}}
@php
    $title = $title ?? 'تصفية';
    $showGranularity = $showGranularity ?? false;
    $extra = $extra ?? null;
@endphp
<div class="card">
    <div class="card-header">
        <h5 class="card-title m-0"><i class="fas fa-filter"></i> {{ $title }}</h5>
        <div class="card-tools">
            <a href="{{ url()->current() }}?{{ http_build_query(array_merge(request()->all(), ['export' => 1])) }}"
               class="btn btn-success btn-sm"><i class="fas fa-file-excel"></i> تصدير Excel</a>
            <button onclick="window.print()" class="btn btn-secondary btn-sm"><i class="fas fa-print"></i> طباعة</button>
        </div>
    </div>
    <div class="card-body">
        <form method="GET" action="{{ url()->current() }}" class="row">
            <div class="col-md-3"><label class="small mb-1">من تاريخ</label>
                <input type="date" name="from" class="form-control form-control-sm" value="{{ $from?->toDateString() ?? request('from') }}"></div>
            <div class="col-md-3"><label class="small mb-1">إلى تاريخ</label>
                <input type="date" name="to" class="form-control form-control-sm" value="{{ $to?->toDateString() ?? request('to') }}"></div>
            @if($showGranularity)
                <div class="col-md-2"><label class="small mb-1">تجميع</label>
                    <select name="granularity" class="form-control form-control-sm">
                        @foreach(['day' => 'يومي', 'week' => 'أسبوعي', 'month' => 'شهري', 'year' => 'سنوي'] as $k => $v)
                            <option value="{{ $k }}" @selected(($granularity ?? 'day') === $k)>{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
            @endif
            {!! $extra !!}
            <div class="col-md-2 d-flex align-items-end">
                <button class="btn btn-primary btn-sm w-100"><i class="fas fa-search"></i> تطبيق</button>
            </div>
        </form>
    </div>
</div>