@extends('layouts.app')

@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('disciplinary.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> العودة
        </a>
    </div>
</div>

@if ($escalation)
<div class="card" style="margin-bottom: 1.5rem; border-right: 4px solid var(--warning);">
    <div class="card-body" style="display: flex; align-items: center; gap: 1rem;">
        <i class="fas fa-info-circle" style="font-size: 1.5rem; color: var(--warning);"></i>
        <div>
            <strong>التصعيد التلقائي:</strong>
            {{ $escalation['label'] }}
            <br>
            <small style="color: var(--text-muted);">عدد الإنذارات النشطة: {{ $escalation['active_count'] }}</small>
        </div>
    </div>
</div>
@endif

<form method="POST" action="{{ route('disciplinary.store') }}" enctype="multipart/form-data">
    @csrf

    <div class="card" style="margin-bottom: 1.5rem;">
        <div class="card-header">
            <h3><i class="fas fa-user"></i> معلومات المخالفة</h3>
        </div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required onchange="this.form.action='{{ route('disciplinary.create') }}'; this.form.method='GET'; this.form.submit();">
                        <option value="">اختر الموظف</option>
                        @foreach ($employees as $emp)
                            <option value="{{ $emp->id }}" {{ ($selectedEmployee && $selectedEmployee->id == $emp->id) ? 'selected' : '' }}>
                                {{ $emp->first_name }} {{ $emp->last_name }} — {{ $emp->employee_code }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع الإجراء</label>
                    <select name="type" class="form-select" required>
                        @foreach (\App\Models\DisciplinaryAction::TYPE_LABELS as $key => $label)
                            <option value="{{ $key }}" {{ ($escalation && $escalation['next'] == $key) ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">الخطورة</label>
                    <select name="severity" class="form-select" required>
                        @foreach (\App\Models\DisciplinaryAction::SEVERITY_LABELS as $key => $label)
                            <option value="{{ $key }}" {{ $key == 'medium' ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">الموضوع</label>
                    <input type="text" name="subject" class="form-input" required placeholder="مثال: تأخر متكرر عن الدوام">
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ الحادثة</label>
                    <input type="date" name="incident_date" class="form-input" required value="{{ date('Y-m-d') }}">
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ الإجراء</label>
                    <input type="date" name="action_date" class="form-input" required value="{{ date('Y-m-d') }}">
                </div>
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label required">وصف المخالفة</label>
                    <textarea name="description" class="form-textarea" rows="3" required placeholder="وصف تفصيلي للمخالفة أو السلوك"></textarea>
                </div>
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label">الإجراء التصحيحي المطلوب</label>
                    <textarea name="corrective_action" class="form-textarea" rows="2" placeholder="ما المطلوب من الموظف لتصحيح الوضع"></textarea>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ انتهاء الإنذار</label>
                    <input type="date" name="expiry_date" class="form-input">
                    <span class="form-hint">اتركه فارغاً إذا لا ينتهي</span>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ المتابعة</label>
                    <input type="date" name="follow_up_date" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">مرفقات</label>
                    <input type="file" name="attachment" class="form-input">
                </div>
            </div>
        </div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">
            <i class="fas fa-save"></i> حفظ الإجراء التأديبي
        </button>
        <a href="{{ route('disciplinary.index') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection