@extends('layouts.dashboard')

@section('title', 'Registered Summits & Events | AICDS')

@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-3">
        <h5 class="fw-bold mb-0">My Registered Summits &amp; Conferences</h5>
        <a href="{{ route('events.index') }}" class="btn btn-sm btn-outline-primary rounded-pill">Explore Upcoming Events</a>
    </div>

    @if($registrations->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Pass Reference</th>
                        <th>Event Title</th>
                        <th>Date &amp; Time</th>
                        <th>Mode / Access</th>
                        <th>Registration Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($registrations as $reg)
                        <tr>
                            <td><code>{{ $reg->registration_number }}</code></td>
                            <td>
                                <a href="{{ route('events.show', $reg->event->slug) }}" class="fw-bold text-dark text-decoration-none">
                                    {{ $reg->event->title }}
                                </a>
                            </td>
                            <td class="small">
                                <div>{{ $reg->event->start_date->format('M d, Y') }}</div>
                                <span class="text-muted">{{ $reg->event->start_date->format('h:i A') }}</span>
                            </td>
                            <td>
                                <span class="badge {{ $reg->event->mode === 'online' ? 'bg-info' : 'bg-success' }} text-uppercase">
                                    {{ $reg->event->mode }}
                                </span>
                                @if($reg->event->meeting_url)
                                    <div class="mt-1">
                                        <a href="{{ $reg->event->meeting_url }}" target="_blank" rel="noopener" class="small text-primary"><i class="icofont-link"></i> Join Link</a>
                                    </div>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-success-subtle text-success text-uppercase">{{ $reg->status }}</span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-4">{{ $registrations->links() }}</div>
    @else
        <div class="text-center py-5">
            <p class="text-muted">You have not registered for any events yet.</p>
            <a href="{{ route('events.index') }}" class="default__button">Browse Upcoming Summits</a>
        </div>
    @endif
</div>

@endsection