@php
    $test_payment = App\Models\Setting::where('name', 'billingo_test_key')->first()->value ? true : false;
@endphp

<form id="house_cashier_date_picker_form" action="{{ route('house_cashier.index') }}" method="get" class="d-flex mb-3">
    <div class="date-picker">
        <div for="house_cashier_date_picker">{!! __('Dátum') !!}</div>
        <div class="d-flex">
            <select id="year" class="form-control year-input me-1 @error('year') is-invalid @enderror" name="year" required>
                @for ($i = date('Y') + 20; $i >= date('Y') - 20; $i--)
                    <option value="{{ $i }}" {{ ($year ?? date('Y')) == $i ? 'selected' : '' }}>{{ $i }}</option>
                @endfor
            </select>
            <select id="month" class="form-control me-2 @error('month') is-invalid @enderror" name="month" required>
                <option value="01" {{ ($month ?? date('m')) == '01' ? 'selected' : '' }}>Január</option>
                <option value="02" {{ ($month ?? date('m')) == '02' ? 'selected' : '' }}>Február</option>
                <option value="03" {{ ($month ?? date('m')) == '03' ? 'selected' : '' }}>Március</option>
                <option value="04" {{ ($month ?? date('m')) == '04' ? 'selected' : '' }}>Április</option>
                <option value="05" {{ ($month ?? date('m')) == '05' ? 'selected' : '' }}>Május</option>
                <option value="06" {{ ($month ?? date('m')) == '06' ? 'selected' : '' }}>Június</option>
                <option value="07" {{ ($month ?? date('m')) == '07' ? 'selected' : '' }}>Július</option>
                <option value="08" {{ ($month ?? date('m')) == '08' ? 'selected' : '' }}>Augusztus</option>
                <option value="09" {{ ($month ?? date('m')) == '09' ? 'selected' : '' }}>Szeptember</option>
                <option value="10" {{ ($month ?? date('m')) == '10' ? 'selected' : '' }}>Október</option>
                <option value="11" {{ ($month ?? date('m')) == '11' ? 'selected' : '' }}>November</option>
                <option value="12" {{ ($month ?? date('m')) == '12' ? 'selected' : '' }}>December</option>
            </select>
            <button type="button" class="btn btn-primary" onclick="window.location='{{ route('house_cashier.export_pdf', ['year' => $year ?? null, 'month' => $month ?? null]) }}'">Export</button>
        </div>
    </div>
</form>

@if($test_payment)
<div class="alert alert-danger" role="alert">
    A számlázás jelenleg teszt üzemmódban működik. Ha ki szeretnéd kapcsolni, akkor a beállítások között az egyéb fülön töröld a Billingo teszt kulcsot.
</div>
@endif

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const form = document.getElementById('house_cashier_date_picker_form'); // Cseréld le az 'yourFormId' részt a saját formod azonosítójára
        const monthSelect = document.getElementById('month');
        const yearSelect = document.getElementById('year');
        const currentYear = new Date().getFullYear();
        const minYear = currentYear - 10;
        const maxYear = currentYear + 10;
        
        for (let i = maxYear; i >= minYear; i--) {
            const option = document.createElement('option');
            option.value = i;
            option.textContent = i;
            yearSelect.appendChild(option);
        }

        yearSelect.addEventListener('change', function() { form.submit(); });
        monthSelect.addEventListener('change', function() { form.submit(); });
    });
</script>