@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إجراء تأديبي #{{ $disciplinary->id }}</h1>
        <p class="page-subtitle">{{ $disciplinary->subject }}</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>

<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem;">
    {{-- Main Info --}}
    <div>
        <div class="card" style="margin-bottom: 1.5rem;">
            <div class="card-header">
                <h3><i class="{{ $disciplinary->type_icon }}"></i> تفاصيل المخالفة</h3>
            </div>
            <div class="card-body">
                <div class="detail-grid">
                    <div class="detail-item">
                        <span class="detail-label">الموظف</span>
                        <span class="detail-value" style="font-weight: 600;">
                            {{ $disciplinary->employee->first_name ?? '' }} {{ $disciplinary->employee->last_name ?? '' }}
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">نوع الإجراء</span>
                        <span class="detail-value"><i class="{{ $disciplinary->type_icon }}"></i> {{ $disciplinary->type_label }}</span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">الخطورة</span>
                        <span class="detail-value">
                            @php
                                $sevClass = match($disciplinary->severity) {
                                    'low' => 'status-active',
                                    'medium' => 'status-pending',
                                    'high' => 'status-expired',
                                    'critical' => 'status-danger',
                                    default => 'status-draft',
                                };
                            @endphp
                            <span class="status-badge {{ $sevClass }}">{{ $disciplinary->severity_label }}</span>
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">الحالة</span>
                        <span class="detail-value">
                            @php
                                $statusClass = match($disciplinary->status) {
                                    'draft' => 'status-draft',
                                    'active' => 'status-danger',
                                    'acknowledged' => 'status-pending',
                                    'appealed' => 'status-expired',
                                    'resolved' => 'status-active',
                                    'expired' => 'status-draft',
                                    default => 'status-draft',
                                };
                            @endphp
                            <span class="status-badge {{ $statusClass }}">{{ $disciplinary->status_label }}</span>
                        </span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">تاريخ الحادثة</span>
                        <span class="detail-value">{{ $disciplinary->incident_date->format('Y-m-d') }}</span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">تاريخ الإجراء</span>
                        <span class="detail-value">{{ $disciplinary->action_date->format('Y-m-d') }}</span>
                    </div>
                    @if ($disciplinary->expiry_date)
                    <div class="detail-item">
                        <span class="detail-label">تاريخ الانتهاء</span>
                        <span class="detail-value">{{ $disciplinary->expiry_date->format('Y-m-d') }}</span>
                    </div>
                    @endif
                    <div class="detail-item">
                        <span class="detail-label">صدر بواسطة</span>
                        <span class="detail-value">{{ $disciplinary->issuer->name ?? '—' }}</span>
                    </div>
                    <div class="detail-item">
                        <span class="detail-label">إنذارات سابقة</span>
                        <span class="detail-value">{{ $disciplinary->previous_warnings_count }}</span>
                    </div>
                    <div class="detail-item full">
                        <span class="detail-label">وصف المخالفة</span>
                        <span class="detail-value">{{ $disciplinary->description }}</span>
                    </div>
                    @if ($disciplinary->corrective_action)
                    <div class="detail-item full">
                        <span class="detail-label">الإجراء التصحيحي</span>
                        <span class="detail-value">{{ $disciplinary->corrective_action }}</span>
                    </div>
                    @endif
                    @if ($disciplinary->employee_response)
                    <div class="detail-item full">
                        <span class="detail-label">رد الموظف</span>
                        <span class="detail-value" style="border-right: 3px solid var(--warning); padding-right: 0.75rem;">
                            {{ $disciplinary->employee_response }}
                        </span>
                    </div>
                    @endif
                    @if ($disciplinary->follow_up_notes)
                    <div class="detail-item full">
                        <span class="detail-label">ملاحظات المتابعة</span>
                        <span class="detail-value">{{ $disciplinary->follow_up_notes }}</span>
                    </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Actions --}}
        @if (in_array($disciplinary->status, ['active', 'acknowledged', 'appealed']))
        <div class="card" style="margin-bottom: 1.5rem;">
            <div class="card-header">
                <h3><i class="fas fa-tasks"></i> الإجراءات المتاحة</h3>
            </div>
            <div class="card-body">
                <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
                    @if ($disciplinary->status === 'active')
                    <form method="POST" action="{{ route('disciplinary.acknowledge', $disciplinary) }}" style="display: inline;">
                        @csrf
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-eye"></i> تسجيل اطلاع الموظف
                        </button>
                    </form>
                    @endif

                    @if (in_array($disciplinary->status, ['active', 'acknowledged']))
                    <button type="button" class="btn btn-secondary" onclick="document.getElementById('resolveForm').style.display='block'">
                        <i class="fas fa-check-circle"></i> تسوية
                    </button>
                    <button type="button" class="btn btn-secondary" onclick="document.getElementById('appealForm').style.display='block'" style="border-color: var(--warning); color: var(--warning);">
                        <i class="fas fa-hand-paper"></i> تسجيل اعتراض
                    </button>
                    @endif
                </div>

                {{-- Resolve Form --}}
                <form method="POST" action="{{ route('disciplinary.resolve', $disciplinary) }}" id="resolveForm" style="display: none; margin-top: 1rem;">
                    @csrf
                    <div class="form-group">
                        <label class="form-label required">ملاحظات التسوية</label>
                        <textarea name="follow_up_notes" class="form-textarea" rows="2" required placeholder="سبب التسوية والإجراءات المتخذة"></textarea>
                    </div>
                    <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> تأكيد التسوية</button>
                </form>

                {{-- Appeal Form --}}
                <form method="POST" action="{{ route('disciplinary.appeal', $disciplinary) }}" id="appealForm" style="display: none; margin-top: 1rem;">
                    @csrf
                    <div class="form-group">
                        <label class="form-label required">نص الاعتراض</label>
                        <textarea name="employee_response" class="form-textarea" rows="2" required placeholder="رد الموظف أو اعتراضه"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary"><i class="fas fa-paper-plane"></i> تسجيل الاعتراض</button>
                </form>
            </div>
        </div>
        @endif
    </div>

    {{-- Sidebar --}}
    <div>
        {{-- Escalation --}}
        <div class="card" style="margin-bottom: 1.5rem;">
            <div class="card-header">
                <h3><i class="fas fa-arrow-up"></i> مستوى التصعيد</h3>
            </div>
            <div class="card-body" style="text-align: center;">
                <div style="font-size: 2.5rem; font-weight: 700; color: var(--danger);">{{ $escalation['active_count'] }}</div>
                <div style="color: var(--text-muted); margin-bottom: 0.75rem;">إنذارات نشطة</div>
                <div style="padding: 0.5rem; background: var(--bg); border-radius: var(--radius); font-size: 0.9rem;">
                    الإجراء القادم: <strong>{{ $escalation['label'] }}</strong>
                </div>
            </div>
        </div>

        {{-- History --}}
        <div class="card">
            <div class="card-header">
                <h3><i class="fas fa-history"></i> السجل التأديبي</h3>
            </div>
            <div class="card-body">
                @if ($history->isEmpty())
                    <p style="color: var(--text-muted); text-align: center;">لا يوجد سجل سابق</p>
                @else
                    @foreach ($history as $h)
                        <div style="padding: 0.75rem 0; border-bottom: 1px solid var(--border-light);">
                            <div style="display: flex; justify-content: space-between; margin-bottom: 0.25rem;">
                                <span><i class="{{ $h->type_icon }}" style="color: var(--text-muted);"></i> {{ $h->type_label }}</span>
                                @php
                                    $hClass = match($h->status) {
                                        'active' => 'status-danger',
                                        'resolved' => 'status-active',
                                        default => 'status-draft',
                                    };
                                @endphp
                                <span class="status-badge {{ $hClass }}">{{ $h->status_label }}</span>
                            </div>
                            <div style="font-size: 0.85rem; color: var(--text-muted);">
                                {{ $h->subject }} — {{ $h->incident_date->format('Y-m-d') }}
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</div>
@endsection