@extends('admin.layouts.app')

@section('title', 'Export report')

@section('content')
    <h1>Export sales report</h1>

    <div class="card">
        <form id="reportForm" method="GET" action="">
            <label for="from">From</label>
            <input type="date" id="from" name="from" required>

            <label for="to">To</label>
            <input type="date" id="to" name="to" required>

            <div style="display:flex; gap:12px; margin-top:8px;">
                <button type="button" class="btn" style="flex:1;" onclick="submitReport('{{ route('admin.reports.csv') }}')">Export CSV</button>
                <button type="button" class="btn secondary" style="flex:1;" onclick="submitReport('{{ route('admin.reports.pdf') }}')">Export PDF</button>
            </div>
        </form>
    </div>

    <script>
        function submitReport(url) {
            const from = document.getElementById('from').value;
            const to = document.getElementById('to').value;
            if (!from || !to) {
                alert('Please select both a from and to date.');
                return;
            }
            window.location.href = url + '?from=' + from + '&to=' + to;
        }
    </script>
@endsection