@extends('layouts.app')
@section('title', 'الشهادات')
@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">الشهادات الصادرة</h1>
        <p class="page-subtitle">جميع الشهادات التدريبية الصادرة</p>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" class="filter-form">
            <div class="filter-bar">
                <div class="filter-group">
                    <input type="text" name="search" class="form-input" placeholder="بحث برقم الشهادة أو اسم الموظف..." value="{{ request('search') }}">
                </div>
                <button type="submit" class="btn btn-primary">بحث</button>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body" style="overflow-x:auto;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>رقم الشهادة</th>
                    <th>الموظف</th>
                    <th>العنوان</th>
                    <th>المسار / الدورة</th>
                    <th>تاريخ الإصدار</th>
                    <th>PDF</th>
                </tr>
            </thead>
            <tbody>
                @forelse($certificates as $cert)
                <tr>
                    <td><span class="code-badge">{{ $cert->certificate_number }}</span></td>
                    <td>{{ $cert->employee->first_name ?? '' }} {{ $cert->employee->last_name ?? '' }}</td>
                    <td>{{ $cert->title }}</td>
                    <td>{{ $cert->learningPath->title ?? ($cert->course->title ?? '—') }}</td>
                    <td>{{ $cert->issued_at->format('Y-m-d') }}</td>
                    <td><a href="{{ route('learning-paths.certificate-pdf', $cert) }}" target="_blank" class="btn btn-secondary" style="padding:4px 12px;font-size:13px"><i class="fa-solid fa-file-pdf"></i></a></td>
                </tr>
                @empty
                <tr><td colspan="6" class="empty-state">لا توجد شهادات</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="pagination-wrap">{{ $certificates->links() }}</div>
    </div>
</div>
@endsection