{{-- Reusable filters bar for reports --}}
{{-- Usage: @include('admin.reports._filters', ['from' => $from, 'to' => $to, 'showCompare' => true]) --}}

@php
    $showCompare = $showCompare ?? false;
    $compare = request('compare', 'no');
@endphp

<div class="card mb-3 report-filters no-print">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small text-muted">من تاريخ</label>
                <input type="date" name="from" value="{{ $from }}" class="form-control form-control-sm">
            </div>
            <div class="col-md-2">
                <label class="form-label small text-muted">إلى تاريخ</label>
                <input type="date" name="to" value="{{ $to }}" class="form-control form-control-sm">
            </div>

            @if($showCompare)
            <div class="col-md-2">
                <label class="form-label small text-muted">مقارنة</label>
                <select name="compare" class="form-select form-select-sm">
                    <option value="no" {{ $compare === 'no' ? 'selected' : '' }}>بدون مقارنة</option>
                    <option value="prev_period" {{ $compare === 'prev_period' ? 'selected' : '' }}>الفترة السابقة</option>
                    <option value="prev_year" {{ $compare === 'prev_year' ? 'selected' : '' }}>نفس الفترة العام السابق</option>
                </select>
            </div>
            @endif

            <div class="col-md-{{ $showCompare ? '3' : '4' }}">
                <label class="form-label small text-muted">فترات سريعة</label>
                <div class="btn-group btn-group-sm w-100">
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('today')">اليوم</button>
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('week')">الأسبوع</button>
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('month')">الشهر</button>
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('lastmonth')">الشهر السابق</button>
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('quarter')">3 أشهر</button>
                    <button type="button" class="btn btn-outline-secondary" onclick="setRange('year')">السنة</button>
                </div>
            </div>

            <div class="col-md-3 text-end">
                <button type="submit" class="btn btn-primary btn-sm"><i class="ti ti-search ms-1"></i> تطبيق</button>
                <button type="button" class="btn btn-outline-secondary btn-sm" onclick="window.print()"><i class="ti ti-printer ms-1"></i> طباعة</button>
                <button type="button" class="btn btn-outline-success btn-sm" onclick="exportTablesToCSV()"><i class="ti ti-file-spreadsheet ms-1"></i> Excel</button>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
function setRange(preset) {
    const today = new Date();
    const fmt = d => d.toISOString().slice(0, 10);
    let from = today, to = today;

    switch(preset) {
        case 'today':
            from = to = today; break;
        case 'week':
            from = new Date(today); from.setDate(today.getDate() - today.getDay()); break;
        case 'month':
            from = new Date(today.getFullYear(), today.getMonth(), 1); break;
        case 'lastmonth':
            from = new Date(today.getFullYear(), today.getMonth() - 1, 1);
            to = new Date(today.getFullYear(), today.getMonth(), 0); break;
        case 'quarter':
            from = new Date(today); from.setMonth(today.getMonth() - 3); break;
        case 'year':
            from = new Date(today.getFullYear(), 0, 1); break;
    }
    document.querySelector('input[name=from]').value = fmt(from);
    document.querySelector('input[name=to]').value = fmt(to);
}

function exportTablesToCSV() {
    const tables = document.querySelectorAll('table');
    if (!tables.length) { alert('لا توجد جداول للتصدير'); return; }
    let csv = ''; // BOM for Arabic UTF-8
    tables.forEach((table, idx) => {
        if (idx > 0) csv += '\n\n';
        table.querySelectorAll('tr').forEach(row => {
            const cells = Array.from(row.querySelectorAll('th, td'))
                .map(c => '"' + c.innerText.replace(/"/g, '""').replace(/\n/g,' ').trim() + '"');
            csv += cells.join(',') + '\n';
        });
    });
    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
    const link = document.createElement('a');
    link.href = URL.createObjectURL(blob);
    link.download = 'report-' + new Date().toISOString().slice(0,10) + '.csv';
    link.click();
}
</script>
@endpush