{{-- شريط تصفية الفترة المشترك بين التقارير --}}
<div class="card mb-3 no-print">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label">من تاريخ</label>
                <input type="date" name="from" value="{{ $from }}" class="form-control form-control-sm">
            </div>
            <div class="col-md-3">
                <label class="form-label">إلى تاريخ</label>
                <input type="date" name="to" value="{{ $to }}" class="form-control form-control-sm">
            </div>
            {{ $extra ?? '' }}
            <div class="col-md-2">
                <button class="btn btn-sm btn-primary w-100"><i class="fa-solid fa-filter ms-1"></i>عرض</button>
            </div>
            <div class="col-md-2">
                <button type="button" onclick="window.print()" class="btn btn-sm btn-light w-100"><i class="fa-solid fa-print ms-1"></i>طباعة</button>
            </div>
        </form>
    </div>
</div>