@extends('user.layouts.app')
@section('title','My Certificates')
@section('page-title','My Certificates')
@section('page-subtitle','View and download your released conference certificates')
@section('content')

<div class="content-card p-4">
    <div class="table-responsive">
        <table class="table">
            <thead><tr><th>Certificate #</th><th>Conference</th><th>Type</th><th>Generated</th><th></th></tr></thead>
            <tbody>
                @forelse($certificates as $cert)
                    <tr>
                        <td>{{ $cert->certificate_number }}</td>
                        <td>{{ $cert->conference?->name }}</td>
                        <td>{{ $cert->certificateType?->name }}</td>
                        <td>{{ $cert->generated_at?->format('M d, Y') }}</td>
                        <td class="text-nowrap">
                            <a href="{{ route('user.certificate-preview', $cert) }}" class="btn btn-sm btn-outline-success">View</a>
                            <a href="{{ route('user.certificates.download', $cert) }}" class="btn btn-sm btn-success">Download</a>
                            <a href="{{ route('certificates.verify', $cert->verification_code) }}" target="_blank" class="btn btn-sm btn-outline-secondary">Verify</a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-muted">
                            No certificates are available yet. Certificates appear here after they are activated and the conference releases access.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $certificates->links() }}
</div>

@endsection