@extends('layouts.dashboard')

@section('title', 'Certificate Registry | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h4 class="fw-bold mb-0">Official Certificate Registry</h4>
        <a href="{{ route('certificates.verify') }}" target="_blank" class="btn btn-sm btn-outline-primary">Open Public Verification</a>
    </div>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Certificate No</th>
                    <th>Recipient</th>
                    <th>Title &amp; Type</th>
                    <th>Associated Item</th>
                    <th>Issue Date</th>
                    <th>Status</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($certificates as $cert)
                    <tr>
                        <td><code>{{ $cert->certificate_number }}</code></td>
                        <td>
                            <strong>{{ $cert->recipient_name }}</strong><br>
                            <small class="text-muted">{{ $cert->recipient_email }}</small>
                        </td>
                        <td>
                            <strong>{{ $cert->title }}</strong><br>
                            <span class="badge bg-secondary-subtle text-secondary text-uppercase">{{ str_replace('_', ' ', $cert->certificate_type) }}</span>
                        </td>
                        <td class="small">{{ $cert->event->title ?? ($cert->membership->membership_number ?? 'General') }}</td>
                        <td class="small text-muted">{{ $cert->issue_date->format('M d, Y') }}</td>
                        <td>
                            <span class="badge {{ $cert->status === 'valid' ? 'bg-success' : 'bg-danger' }} text-uppercase">{{ $cert->status }}</span>
                        </td>
                        <td class="text-end">
                            @if($cert->status === 'valid')
                                <form action="{{ route('admin.certificates.revoke', $cert->id) }}" method="POST" onsubmit="return confirm('Revoke this official certificate? This action will invalidate public lookups.');">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-outline-danger">Revoke</button>
                                </form>
                            @else
                                <span class="small text-danger">Revoked</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center text-muted py-4">No certificates registered yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $certificates->links() }}</div>
</div>

@endsection