@extends('layouts.app')
@section('title', 'عرض طلب الخطاب')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">عرض طلب الخطاب</h1>
        <p class="page-subtitle">تفاصيل طلب الخطاب #{{ $letter->id }}</p>
    </div>
    <a href="{{ route('letters.index') }}" class="btn" style="background:rgba(27,42,74,.08);color:#1B2A4A;"><i class="fas fa-arrow-right"></i> رجوع</a>
</div>

<div class="card" style="max-width:700px;">
    <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
        <h3><i class="fas fa-file-alt"></i> بيانات الطلب</h3>
        @php
            $statusMap = ['pending' => 'في الانتظار', 'approved' => 'معتمد', 'rejected' => 'مرفوض'];
            $statusClass = ['pending' => 'warning', 'approved' => 'active', 'rejected' => 'inactive'];
        @endphp
        <span class="status-badge status-{{ $statusClass[$letter->status ?? 'pending'] ?? 'warning' }}">
            {{ $statusMap[$letter->status ?? 'pending'] ?? ($letter->status ?? 'غير محدد') }}
        </span>
    </div>
    <div class="card-body">
        <div style="display:grid;gap:16px;">
            <div>
                <label style="font-weight:600;color:#64748b;font-size:0.85rem;">الموظف</label>
                <p style="margin:4px 0 0;font-size:1rem;font-weight:600;">{{ $employeeName }}</p>
            </div>
            <div>
                <label style="font-weight:600;color:#64748b;font-size:0.85rem;">نوع الخطاب</label>
                @php
                    $types = [
                        'salary_certificate' => 'شهادة راتب',
                        'employment_certificate' => 'شهادة عمل',
                        'experience_certificate' => 'شهادة خبرة',
                        'recommendation' => 'خطاب توصية',
                        'warning_letter' => 'إنذار',
                        'appreciation' => 'شكر وتقدير',
                    ];
                @endphp
                <p style="margin:4px 0 0;font-size:1rem;">{{ $types[$letter->letter_type ?? ''] ?? ($letter->letter_type ?? '—') }}</p>
            </div>
            @if($letter->purpose ?? null)
            <div>
                <label style="font-weight:600;color:#64748b;font-size:0.85rem;">الغرض</label>
                <p style="margin:4px 0 0;font-size:1rem;">{{ $letter->purpose }}</p>
            </div>
            @endif
            <div>
                <label style="font-weight:600;color:#64748b;font-size:0.85rem;">تاريخ الطلب</label>
                <p style="margin:4px 0 0;font-size:1rem;">{{ isset($letter->created_at) ? \Carbon\Carbon::parse($letter->created_at)->format('Y-m-d H:i') : '—' }}</p>
            </div>
            @if($letter->approved_at ?? null)
            <div>
                <label style="font-weight:600;color:#64748b;font-size:0.85rem;">تاريخ الاعتماد</label>
                <p style="margin:4px 0 0;font-size:1rem;">{{ \Carbon\Carbon::parse($letter->approved_at)->format('Y-m-d H:i') }}</p>
            </div>
            @endif
        </div>

        @if(($letter->status ?? '') === 'pending')
        <div style="margin-top:24px;display:flex;gap:12px;">
            <form method="POST" action="{{ route('letters.approve', $letter->id) }}" style="display:inline;">
                @csrf
                <button type="submit" class="btn btn-primary"><i class="fas fa-check"></i> موافقة</button>
            </form>
            <form method="POST" action="{{ route('letters.reject', $letter->id) }}" style="display:inline;">
                @csrf
                <button type="submit" class="btn" style="background:#dc3545;color:#fff;"><i class="fas fa-times"></i> رفض</button>
            </form>
        </div>
        @endif
    </div>
</div>
@endsection