@extends('layouts.app')

@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('appraisal-cycles.index') }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

<form method="POST" action="{{ route('appraisal-cycles.store') }}">
    @csrf
    <div class="card">
        <div class="card-header"><h3>بيانات الدورة</h3></div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">اسم الدورة</label>
                    <input type="text" name="name" class="form-input" value="{{ old('name') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">قالب التقييم</label>
                    <select name="template_id" class="form-select" required>
                        <option value="">اختر القالب</option>
                        @foreach($templates as $tpl)
                            <option value="{{ $tpl->id }}" {{ old('template_id') == $tpl->id ? 'selected' : '' }}>{{ $tpl->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع الدورة</label>
                    <select name="period_type" class="form-select" required>
                        <option value="quarterly">ربع سنوي</option>
                        <option value="semi_annual">نصف سنوي</option>
                        <option value="annual">سنوي</option>
                    </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>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ البدء</label>
                    <input type="date" name="start_date" class="form-input" value="{{ old('start_date') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ الانتهاء</label>
                    <input type="date" name="end_date" class="form-input" value="{{ old('end_date') }}" required>
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> إنشاء الدورة</button>
        <a href="{{ route('appraisal-cycles.index') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection