@extends('layouts.app')
@section('title', 'إنشاء تقرير شهري - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إنشاء تقرير شهري</h1>
        <p class="page-subtitle">إنشاء تقرير حضور شهري جديد</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('monthly-reports.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h3 class="card-title">بيانات التقرير</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('monthly-reports.store') }}">
            @csrf
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">السنة</label>
                    <select name="year" class="form-select" required>
                        @for($y = now()->year; $y >= 2020; $y--)
                            <option value="{{ $y }}" {{ old('year', now()->year) == $y ? 'selected' : '' }}>{{ $y }}</option>
                        @endfor
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">الشهر</label>
                    <select name="month" class="form-select" required>
                        @php
                            $monthNames = [1=>'يناير',2=>'فبراير',3=>'مارس',4=>'أبريل',5=>'مايو',6=>'يونيو',7=>'يوليو',8=>'أغسطس',9=>'سبتمبر',10=>'أكتوبر',11=>'نوفمبر',12=>'ديسمبر'];
                        @endphp
                        @foreach($monthNames as $num => $name)
                            <option value="{{ $num }}" {{ old('month', now()->month) == $num ? 'selected' : '' }}>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">القسم</label>
                    <select name="department_id" class="form-select">
                        <option value="">جميع الأقسام</option>
                        @foreach($departments as $dept)
                            <option value="{{ $dept->id }}" {{ old('department_id') == $dept->id ? 'selected' : '' }}>{{ $dept->name }}</option>
                        @endforeach
                    </select>
                    <span class="form-hint">اتركه فارغاً لإنشاء تقرير لجميع الأقسام</span>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="3" placeholder="ملاحظات إضافية...">{{ old('notes') }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-cog"></i> إنشاء التقرير</button>
                <a href="{{ route('monthly-reports.index') }}" class="btn btn-ghost">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection