@extends('user.layouts.app')
@section('title','Registration Details')
@section('page-title','Registration Details')
@section('page-subtitle','Your conference registration information')
@section('content')

<div class="content-card p-4 mb-4">
    <div class="text-center py-4">
        <i class="fas fa-clipboard-list fa-3x text-muted mb-3"></i>
        <h5>You are yet to register for a conference</h5>
        <p class="text-muted mb-4">
            You have not completed conference registration and payment for any active conference.
            Paper review fee payment alone does not register you as a conference participant.
        </p>
        <a href="{{ route('user.my-conferences') }}" class="btn btn-success">Browse Conferences &amp; Register</a>
        <a href="{{ route('user.payments-invoices') }}" class="btn btn-outline-secondary ms-2">Payments &amp; Invoices</a>
    </div>
</div>

@if(($availableConferences ?? collect())->isNotEmpty())
<div class="content-card p-4">
    <h6 class="mb-3">Open for registration</h6>
    <ul class="list-group list-group-flush">
        @foreach($availableConferences as $conference)
            <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                <div>
                    <strong>{{ $conference->name }}</strong>
                    <br><small class="text-muted">{{ $conference->conference_year }} · {{ $conference->venue }}</small>
                </div>
                <a href="{{ route('user.conferences.register.form', $conference) }}" class="btn btn-sm btn-outline-success">Register</a>
            </li>
        @endforeach
    </ul>
</div>
@endif

@endsection