@extends('user.layouts.app')
@section('title','My Conferences')
@section('page-title','My Conferences')
@section('page-subtitle','View and register for conferences')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

<div class="content-card p-4 mb-4">
    <h5>My Registrations</h5>
    @forelse($registrations as $reg)
        <div class="border rounded p-3 mb-3">
            <div class="d-flex justify-content-between align-items-start">
                <div>
                    <h6 class="mb-1">{{ $reg->conference->name }}</h6>
                    <p class="text-muted mb-1">{{ $reg->conference->theme }}</p>
                    <small>{{ $reg->conference->start_date?->format('M d') }} - {{ $reg->conference->end_date?->format('M d, Y') }} · {{ $reg->conference->venue }}</small>
                </div>
                <div class="text-end">
                    <span class="badge bg-light text-dark">{{ str_replace('_', ' ', ucfirst($reg->registration_category)) }}</span><br>
                    <span class="badge {{ $reg->payment_status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }} mt-1">{{ ucfirst($reg->payment_status) }}</span>
                </div>
            </div>
            <div class="mt-2">
                <a href="{{ route('user.registration-details', ['registration' => $reg->id]) }}" class="btn btn-sm btn-outline-success">Details</a>
                <a href="{{ route('user.conference-tag', ['registration' => $reg->id]) }}" class="btn btn-sm btn-outline-secondary">View Tag</a>
            </div>
        </div>
    @empty
        <p class="text-muted mb-0">You have not registered for any conference yet.</p>
    @endforelse
</div>

@if($availableConferences->isNotEmpty())
<div class="content-card p-4">
    <h5>Available Conferences</h5>
    @foreach($availableConferences as $conference)
        <div class="border rounded p-3 mb-3">
            <h6>{{ $conference->name }} ({{ $conference->conference_year }})</h6>
            <p class="text-muted">{{ $conference->theme }}</p>
            <p><strong>Venue:</strong> {{ $conference->venue }} · <strong>Closes:</strong> {{ $conference->registration_close_date?->format('M d, Y') ?? 'Open' }}</p>
            <p><span class="badge bg-light text-dark">{{ ucfirst($conference->attendance_mode ?? 'physical') }}</span></p>
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ route('conferences.public.show', $conference) }}" class="btn btn-sm btn-outline-secondary" target="_blank">View Details</a>
                <a href="{{ route('user.conferences.register.form', $conference) }}" class="btn btn-sm btn-success">Register Now</a>
            </div>
        </div>
    @endforeach
</div>
@endif

@endsection