@extends('layouts.app')
@section('title', 'طلب خطاب')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">طلب خطاب جديد</h1>
        <p class="page-subtitle">تقديم طلب خطاب رسمي</p>
    </div>
    <a href="{{ route('letters.index') }}" class="btn" style="background:rgba(27,42,74,.08);color:#1B2A4A;"><i class="fas fa-arrow-right"></i> رجوع</a>
</div>

<div class="card" style="max-width:700px;">
    <div class="card-header">
        <h3><i class="fas fa-plus-circle"></i> بيانات الطلب</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('letters.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label">الموظف</label>
                <select name="employee_id" class="form-select" required>
                    <option value="">اختر الموظف</option>
                    @foreach($employees as $emp)
                        <option value="{{ $emp->id }}">{{ $emp->name ?? ('موظف #' . $emp->id) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">نوع الخطاب</label>
                <select name="letter_type" class="form-select" required>
                    <option value="">اختر النوع</option>
                    @if(isset($templates) && $templates->count())
                        @foreach($templates as $t)
                            <option value="{{ $t->letter_type ?? $t->name ?? '' }}">{{ $t->name ?? '' }}</option>
                        @endforeach
                    @else
                        <option value="experience_certificate">شهادة خبرة</option>
                        <option value="salary_certificate">تعريف راتب</option>
                        <option value="employment_certificate">شهادة عمل</option>
                        <option value="warning_letter">إنذار</option>
                        <option value="appreciation">شكر وتقدير</option>
                    @endif
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">الغرض (اختياري)</label>
                <textarea name="purpose" class="form-textarea" rows="3" placeholder="اذكر الغرض من الخطاب..."></textarea>
            </div>
            <button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane"></i> تقديم الطلب</button>
        </form>
    </div>
</div>
@endsection