@extends('layouts.app')
@section('title', 'تقرير الوثائق')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقرير الوثائق والمستندات</h1>
        <p class="page-subtitle">الوثائق المنتهية والقريبة الانتهاء</p>
    </div>
    <div class="page-actions">
        <form method="GET" style="display:flex; gap:0.5rem; align-items:center;">
            <select name="days" class="form-select" onchange="this.form.submit()" style="width:auto;">
                <option value="30" {{ $days == 30 ? 'selected' : '' }}>30 يوم</option>
                <option value="60" {{ $days == 60 ? 'selected' : '' }}>60 يوم</option>
                <option value="90" {{ $days == 90 ? 'selected' : '' }}>90 يوم</option>
            </select>
        </form>
        <a href="{{ route('compliance.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="stats-grid cols-3">
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--danger-light); color: var(--danger);"><i class="fas fa-times-circle"></i></div>
        <div class="stat-value">{{ count($expired) }}</div>
        <div class="stat-label">وثائق منتهية</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--warning-light); color: var(--warning);"><i class="fas fa-exclamation-triangle"></i></div>
        <div class="stat-value">{{ count($expiring) }}</div>
        <div class="stat-label">تنتهي خلال {{ $days }} يوم</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--success-light); color: var(--success);"><i class="fas fa-check-circle"></i></div>
        <div class="stat-value">{{ count($expired) + count($expiring) == 0 ? '✓' : (count($expired) + count($expiring)) }}</div>
        <div class="stat-label">إجمالي التنبيهات</div>
    </div>
</div>

<!-- Expired -->
@if(count($expired) > 0)
<div class="card" style="margin-bottom:1.5rem;">
    <div class="card-header" style="background:#fef2f2;"><h3 class="card-title" style="color:var(--danger);"><i class="fas fa-times-circle"></i> وثائق منتهية ({{ count($expired) }})</h3></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <thead><tr><th>الرمز</th><th>الاسم</th><th>نوع الوثيقة</th><th>تاريخ الانتهاء</th><th>منتهية منذ</th></tr></thead>
                <tbody>
                @foreach($expired as $item)
                <tr>
                    <td><span class="code-badge">{{ $item['employee']->employee_code }}</span></td>
                    <td>{{ $item['employee']->first_name }} {{ $item['employee']->last_name }}</td>
                    <td>{{ $item['doc_type'] }}</td>
                    <td>{{ $item['expiry_date'] }}</td>
                    <td><span class="status-badge status-danger">{{ abs($item['days_remaining']) }} يوم</span></td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

<!-- Expiring Soon -->
@if(count($expiring) > 0)
<div class="card">
    <div class="card-header" style="background:#fffbeb;"><h3 class="card-title" style="color:var(--warning);"><i class="fas fa-exclamation-triangle"></i> تنتهي قريباً ({{ count($expiring) }})</h3></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <thead><tr><th>الرمز</th><th>الاسم</th><th>نوع الوثيقة</th><th>تاريخ الانتهاء</th><th>المتبقي</th></tr></thead>
                <tbody>
                @foreach($expiring as $item)
                <tr>
                    <td><span class="code-badge">{{ $item['employee']->employee_code }}</span></td>
                    <td>{{ $item['employee']->first_name }} {{ $item['employee']->last_name }}</td>
                    <td>{{ $item['doc_type'] }}</td>
                    <td>{{ $item['expiry_date'] }}</td>
                    <td>
                        <span class="status-badge {{ $item['days_remaining'] <= 7 ? 'status-danger' : 'status-pending' }}">
                            {{ $item['days_remaining'] }} يوم
                        </span>
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

@if(count($expired) == 0 && count($expiring) == 0)
<div class="card">
    <div class="card-body">
        <div class="empty-state">
            <i class="fas fa-check-circle" style="font-size:3rem; color:var(--success); margin-bottom:1rem;"></i>
            <p>جميع وثائق الموظفين سارية المفعول</p>
        </div>
    </div>
</div>
@endif
@endsection