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

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

@if(! $registration->isPaid())
<div class="alert alert-warning">
    <strong>Payment not confirmed.</strong>
    You have started registration but your conference registration fee has not been paid successfully yet.
    Your participant QR code will be available after payment is confirmed.
    <div class="mt-2">
        <a href="{{ route('user.payments-invoices') }}" class="btn btn-sm btn-success">Complete payment</a>
    </div>
</div>
@endif

@if($registrations->count() > 1)
<form method="GET" class="mb-3">
    <select name="registration" class="form-select" onchange="this.form.submit()">
        @foreach($registrations as $reg)
            <option value="{{ $reg->id }}" @selected($registration->id === $reg->id)>{{ $reg->conference->name }}</option>
        @endforeach
    </select>
</form>
@endif

<ul class="nav nav-tabs mb-4">
    <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#overview">Overview</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#resources">Resources</a></li>
    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#presentations">Presentations</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade show active" id="overview">
        <div class="content-card p-4 mb-4">
            <h5>{{ $registration->conference->name }}</h5>
            <p class="text-muted">{{ $registration->conference->theme }}</p>
            <div class="row g-3">
                <div class="col-md-4"><strong>Registration #</strong><br>{{ $registration->registration_number }}</div>
                <div class="col-md-4"><strong>Category</strong><br>{{ str_replace('_', ' ', ucfirst($registration->registration_category)) }}</div>
                <div class="col-md-4"><strong>Payment</strong><br><span class="badge {{ $registration->payment_status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($registration->payment_status) }}</span></div>
                <div class="col-md-4"><strong>Dates</strong><br>{{ $registration->conference->start_date?->format('M d') }} - {{ $registration->conference->end_date?->format('M d, Y') }}</div>
                <div class="col-md-4"><strong>Venue</strong><br>{{ $registration->conference->venue }}</div>
                <div class="col-md-4"><strong>Check-in</strong><br>{{ $registration->attendance_status === 'checked_in' ? 'Checked in' : 'Not checked in' }}</div>
                <div class="col-md-4"><strong>Registered</strong><br>{{ $registration->registered_at?->format('M d, Y') }}</div>
                <div class="col-md-4"><strong>Gender</strong><br>{{ ucfirst($registration->user?->gender ?? '—') }}</div>
                <div class="col-md-4"><strong>Attendance</strong><br>{{ ucfirst($registration->attendance_type ?? 'physical') }}</div>
                @if($registration->fee_period)
                    <div class="col-md-4"><strong>Fee Period</strong><br>{{ str_replace('_', ' ', ucfirst($registration->fee_period)) }}</div>
                    <div class="col-md-4"><strong>Base Fee</strong><br>{{ $registration->fee_currency }} {{ number_format($registration->base_registration_fee ?? 0, 2) }}</div>
                    <div class="col-md-4"><strong>Total Due</strong><br>{{ $registration->fee_currency }} {{ number_format($registration->total_amount_due ?? 0, 2) }}</div>
                @endif
                @if($registration->attending_with_spouse)
                    <div class="col-md-12"><hr><strong>Spouse Registration</strong></div>
                    <div class="col-md-4"><strong>Name</strong><br>{{ $registration->spouse_name }}</div>
                    <div class="col-md-4"><strong>Gender</strong><br>{{ ucfirst($registration->spouse_gender ?? '—') }}</div>
                    <div class="col-md-4"><strong>Spouse Fee</strong><br>{{ $registration->fee_currency }} {{ number_format($registration->spouse_fee_amount ?? 0, 2) }}</div>
                @endif
                @if($registration->meal_preference)<div class="col-md-4"><strong>Meal</strong><br>{{ $registration->meal_preference }}</div>@endif
                @if($registration->special_needs)<div class="col-md-12"><strong>Special Needs</strong><br>{{ $registration->special_needs }}</div>@endif
            </div>
        </div>

        <div class="d-flex gap-2 flex-wrap">
            @if(! $registration->isPaid())
                <a href="{{ route('user.payments-invoices') }}" class="btn btn-success">Complete Registration Payment</a>
            @else
                <a href="{{ route('user.conference-tag', ['registration' => $registration->id]) }}" class="btn btn-success">
                    {{ $registration->attending_with_spouse ? 'View Tags' : 'View Tag' }}
                </a>
            @endif
            <a href="{{ route('user.my-conferences') }}" class="btn btn-light">Back</a>
        </div>
    </div>

    <div class="tab-pane fade" id="resources">
        <div class="content-card p-4">
            <h5>Conference Resources</h5>
            @if($registration->conference->allow_post_conference_documents && $publishedDocuments->isNotEmpty())
                <div class="list-group list-group-flush mt-3">
                    @foreach($publishedDocuments as $doc)
                        <div class="list-group-item d-flex justify-content-between align-items-center">
                            <div>
                                <strong>{{ $doc->title }}</strong>
                                <br><small class="text-muted">{{ $doc->typeLabel() }}</small>
                            </div>
                            <a href="{{ route('user.conference-resources.download', $doc) }}" class="btn btn-sm btn-success">Download</a>
                        </div>
                    @endforeach
                </div>
            @else
                <p class="text-muted mt-3 mb-0">No published conference resources available yet.</p>
            @endif
            <div class="mt-3">
                <a href="{{ route('user.conferences.resources', $registration->conference) }}" class="btn btn-outline-success btn-sm">View All Resources</a>
            </div>
        </div>
    </div>

    <div class="tab-pane fade" id="presentations">
        <div class="content-card p-4">
            <h5>Conference Presentations</h5>
            <p class="text-muted">Browse speakers and approved presentation downloads for this conference.</p>
            <a href="{{ $presentationsUrl }}" class="btn btn-success" target="_blank">View Presentations List</a>
            <a href="{{ route('user.my-presentations') }}" class="btn btn-outline-secondary ms-2">My Presentations</a>
        </div>
    </div>
</div>

@endsection