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

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل العقد</h1>
        <p class="page-subtitle">{{ $contract->contract_number }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('contracts.show', $contract) }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if($errors->any())
    <div class="alert alert-danger" style="padding:16px; margin-bottom:24px; background: var(--danger-light); border-radius: var(--radius); border-right: 4px solid var(--danger)">
        <ul style="margin:0; padding-right: 20px">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card" style="max-width:900px">
    <div class="card-header"><h3>تعديل بيانات العقد</h3></div>
    <div class="card-body">
        <form method="POST" action="{{ route('contracts.update', $contract) }}" enctype="multipart/form-data">
            @csrf @method('PUT')
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id', $contract->employee_id) == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع العقد</label>
                    <select name="type" class="form-select" required>
                        <option value="permanent" {{ old('type', $contract->type) == 'permanent' ? 'selected' : '' }}>دائم</option>
                        <option value="fixed_term" {{ old('type', $contract->type) == 'fixed_term' ? 'selected' : '' }}>محدد المدة</option>
                        <option value="probation" {{ old('type', $contract->type) == 'probation' ? 'selected' : '' }}>فترة تجربة</option>
                        <option value="temporary" {{ old('type', $contract->type) == 'temporary' ? 'selected' : '' }}>مؤقت</option>
                    </select>
                </div>
            </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', $contract->start_date?->format('Y-m-d')) }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ النهاية</label>
                    <input type="date" name="end_date" value="{{ old('end_date', $contract->end_date?->format('Y-m-d')) }}" class="form-input">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">فترة التجربة حتى</label>
                    <input type="date" name="probation_end_date" value="{{ old('probation_end_date', $contract->probation_end_date?->format('Y-m-d')) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">مدة العقد (أشهر)</label>
                    <input type="number" name="duration_months" value="{{ old('duration_months', $contract->duration_months) }}" class="form-input" min="1">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الراتب الأساسي</label>
                    <input type="number" name="salary" value="{{ old('salary', $contract->salary) }}" class="form-input" step="0.01" min="0" required>
                </div>
                <div class="form-group">
                    <label class="form-label">البدلات</label>
                    <input type="number" name="allowances" value="{{ old('allowances', $contract->allowances) }}" class="form-input" step="0.01" min="0">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">المسمى الوظيفي</label>
                    <input type="text" name="job_title" value="{{ old('job_title', $contract->job_title) }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">القسم</label>
                    <input type="text" name="department" value="{{ old('department', $contract->department) }}" class="form-input">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">مدة الإشعار (أيام)</label>
                    <input type="number" name="notice_period_days" value="{{ old('notice_period_days', $contract->notice_period_days) }}" class="form-input" min="0">
                </div>
                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="status" class="form-select">
                        <option value="active" {{ old('status', $contract->status) == 'active' ? 'selected' : '' }}>ساري</option>
                        <option value="expired" {{ old('status', $contract->status) == 'expired' ? 'selected' : '' }}>منتهي</option>
                        <option value="renewed" {{ old('status', $contract->status) == 'renewed' ? 'selected' : '' }}>مُجدَّد</option>
                        <option value="terminated" {{ old('status', $contract->status) == 'terminated' ? 'selected' : '' }}>ملغي</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملف العقد</label>
                @if($contract->document_path)
                    <p style="margin-bottom:8px; color: var(--text-secondary)"><i class="fas fa-file-pdf"></i> ملف حالي: {{ basename($contract->document_path) }}</p>
                @endif
                <input type="file" name="document" class="form-input" accept=".pdf,.doc,.docx,.jpg,.png">
                <small class="form-hint">اختر ملفاً جديداً لاستبدال الحالي</small>
            </div>
            <div class="form-group">
                <label style="display:flex; align-items:center; gap:8px; cursor:pointer">
                    <input type="checkbox" name="auto_renew" value="1" {{ old('auto_renew', $contract->auto_renew) ? 'checked' : '' }}>
                    <span>تجديد تلقائي عند انتهاء العقد</span>
                </label>
            </div>
            <div class="form-group">
                <label class="form-label">الشروط والأحكام</label>
                <textarea name="terms" class="form-textarea" rows="4">{{ old('terms', $contract->terms) }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="2">{{ old('notes', $contract->notes) }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ التعديلات</button>
                <a href="{{ route('contracts.show', $contract) }}" class="btn btn-ghost btn-lg">إلغاء</a>
            </div>
        </form>
    </div>
</div>

@if($contract->status !== 'active')
<div class="card" style="max-width:900px; margin-top:24px; border-color: var(--danger)">
    <div class="card-header" style="background: var(--danger-light)"><h3 style="color: var(--danger)"><i class="fas fa-exclamation-triangle"></i> منطقة خطرة</h3></div>
    <div class="card-body">
        <p style="margin-bottom:16px">حذف العقد سيزيله نهائياً من النظام.</p>
        <form method="POST" action="{{ route('contracts.destroy', $contract) }}" onsubmit="return confirm('هل أنت متأكد من حذف هذا العقد؟')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-danger"><i class="fas fa-trash"></i> حذف العقد نهائياً</button>
        </form>
    </div>
</div>
@endif
@endsection