@extends('layouts.app')
@section('title', 'تعديل طلب الإجازة - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل طلب الإجازة</h1>
        <p class="page-subtitle">طلب #{{ $leave->id }}</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.update', $leave) }}">
            @csrf
            @method('PUT')
            <div class="form-group">
                <label class="form-label">الموظف</label>
                <input type="text" value="{{ $leave->employee->full_name ?? '—' }}" class="form-input" readonly disabled>
            </div>
            <div class="form-group">
                <label class="form-label">نوع الإجازة</label>
                <input type="text" value="{{ $leave->leaveType->name_ar ?? $leave->leaveType->name_en ?? '—' }}" class="form-input" readonly disabled>
            </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', optional($leave->start_date)->format('Y-m-d')) }}" 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', optional($leave->end_date)->format('Y-m-d')) }}" 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', $leave->reason) }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التعديلات</button>
                <a href="{{ route('leaves.index') }}" class="btn btn-ghost">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection