@extends('layouts.app')
@section('title', 'تعديل مستند - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <a href="{{ route('documents.show', $document) }}" style="color: #6b7280; text-decoration: none; font-size: 14px; display: inline-flex; align-items: center; gap: 6px;"><i class="fas fa-arrow-right"></i> رجوع للمستند</a>
        <h1 class="page-title" style="margin-top: 8px;"><i class="fas fa-edit" style="color: #E8502F;"></i> تعديل مستند</h1>
    </div>
</div>

<div class="card" style="padding: 24px;">
    <form method="POST" action="{{ route('documents.update', $document) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <div class="form-grid cols-2">
            {{-- Employee --}}
            <div class="form-group">
                <label class="form-label">الموظف <span style="color: #E8502F;">*</span></label>
                <select name="employee_id" class="form-select" required>
                    <option value="">اختر الموظف</option>
                    @foreach($employees as $emp)
                        <option value="{{ $emp->id }}" {{ old('employee_id', $document->employee_id) == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                    @endforeach
                </select>
                @error('employee_id') <span class="form-error">{{ $message }}</span> @enderror
            </div>

            {{-- Type --}}
            <div class="form-group">
                <label class="form-label">نوع المستند <span style="color: #E8502F;">*</span></label>
                <select name="type" class="form-select" required>
                    <option value="">اختر النوع</option>
                    @foreach($typeLabels as $key => $label)
                        <option value="{{ $key }}" {{ old('type', $document->type) == $key ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
                @error('type') <span class="form-error">{{ $message }}</span> @enderror
            </div>

            {{-- Title --}}
            <div class="form-group">
                <label class="form-label">عنوان المستند <span style="color: #E8502F;">*</span></label>
                <input type="text" name="title" class="form-input" value="{{ old('title', $document->title) }}" required>
                @error('title') <span class="form-error">{{ $message }}</span> @enderror
            </div>

            {{-- Expiry Date --}}
            <div class="form-group">
                <label class="form-label">تاريخ الانتهاء</label>
                <input type="date" name="expiry_date" class="form-input" value="{{ old('expiry_date', $document->expiry_date?->format('Y-m-d')) }}">
                @error('expiry_date') <span class="form-error">{{ $message }}</span> @enderror
            </div>

            {{-- File --}}
            <div class="form-group" style="grid-column: 1 / -1;">
                <label class="form-label">استبدال الملف <span style="color: #6b7280; font-weight: 400;">(اختياري)</span></label>
                <div style="padding: 12px; background: #f8fafc; border-radius: 8px; margin-bottom: 8px; font-size: 13px; color: #6b7280;">
                    <i class="fas fa-file"></i> الملف الحالي: <strong style="color: #1B2A4A;">{{ $document->file_name }}</strong>
                </div>
                <input type="file" name="file" class="form-input" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx,.xls,.xlsx">
                <small style="color: #6b7280; font-size: 12px; margin-top: 4px; display: block;">اترك الحقل فارغاً للإبقاء على الملف الحالي</small>
                @error('file') <span class="form-error">{{ $message }}</span> @enderror
            </div>

            {{-- Notes --}}
            <div class="form-group" style="grid-column: 1 / -1;">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="3">{{ old('notes', $document->notes) }}</textarea>
                @error('notes') <span class="form-error">{{ $message }}</span> @enderror
            </div>
        </div>

        <div style="display: flex; gap: 12px; margin-top: 24px;">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التعديلات</button>
            <a href="{{ route('documents.show', $document) }}" class="btn btn-secondary">إلغاء</a>
        </div>
    </form>
</div>
@endsection