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

<div class="card" style="max-width:700px">
    <div class="card-body">
        <form method="POST" action="{{ route('leaves.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label class="form-label required">الموظف</label>
                <select name="employee_id" class="form-select" required>
                    <option value="">اختر الموظف</option>
                    @foreach($employees as $emp)
                        <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }} ({{ $emp->employee_code }})</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label required">نوع الإجازة</label>
                <select name="leave_type_id" class="form-select" required>
                    <option value="">اختر النوع</option>
                    @foreach($leaveTypes as $lt)
                        <option value="{{ $lt->id }}" {{ old('leave_type_id') == $lt->id ? 'selected' : '' }}>{{ $lt->name_ar ?? $lt->name_en }} ({{ $lt->default_days }} يوم)</option>
                    @endforeach
                </select>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">من تاريخ</label>
                    <input type="date" name="start_date" value="{{ old('start_date') }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">إلى تاريخ</label>
                    <input type="date" name="end_date" value="{{ old('end_date') }}" class="form-input" required>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">السبب</label>
                <textarea name="reason" class="form-textarea" rows="3">{{ old('reason') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">مرفقات (إن وجدت)</label>
                <input type="file" name="attachment" class="form-input">
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane"></i> تقديم الطلب</button>
                <a href="{{ route('leaves.index') }}" class="btn btn-ghost">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection