@extends('layouts.app')

@section('content')
    <div class="container">
        <h3 class="mb-4 text-success">📅 استمارة التقرير الشهري</h3>

        <div class="card shadow-sm">
            <div class="card-body">
                <form action="{{ route('reports.monthly_print') }}" method="POST" target="_blank">
                    @csrf
                    <div class="row g-3 align-items-end">
                        <div class="col-md-5">
                            <label class="form-label">الشهر</label>
                            <select name="month" class="form-select" required>
                                <option value="1">يناير</option>
                                <option value="2">فبراير</option>
                                <option value="3">مارس</option>
                                <option value="4">أبريل</option>
                                <option value="5">مايو</option>
                                <option value="6">يونيو</option>
                                <option value="7">يوليو</option>
                                <option value="8">أغسطس</option>
                                <option value="9">سبتمبر</option>
                                <option value="10">أكتوبر</option>
                                <option value="11">نوفمبر</option>
                                <option value="12">ديسمبر</option>
                            </select>
                        </div>
                        <div class="col-md-5">
                            <label class="form-label">السنة</label>
                            <input type="number" name="year" class="form-control" value="{{ date('Y') }}" required>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-success w-100">عرض التقرير</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection