@extends('admin.layouts.app')
@section('title','Participant Details')
@section('page-title','Participant Details')
@section('page-subtitle','Registration, payment, tags and check-in information')
@section('participants-active','active')
@section('content')

<div class="mb-3">
    <a href="{{ route('admin.participants.index', ['conference_id' => $registration->conference_id]) }}" class="btn btn-light btn-sm">
        <i class="fas fa-arrow-left me-1"></i> Back to Participants
    </a>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="cardx p-4 mb-4">
            <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
                <div>
                    <h5 class="mb-1">{{ $registration->user?->name }}</h5>
                    <p class="text-muted mb-0">{{ $registration->conference?->name }}</p>
                </div>
                <div class="text-end">
                    <span class="badge {{ $registration->payment_status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($registration->payment_status) }}</span>
                    <span class="badge badge-soft ms-1">{{ str_replace('_', ' ', ucfirst($registration->registration_category)) }}</span>
                </div>
            </div>

            <div class="row g-3">
                <div class="col-md-4"><strong>Registration #</strong><br>{{ $registration->registration_number }}</div>
                <div class="col-md-4"><strong>Email</strong><br>{{ $registration->user?->email }}</div>
                <div class="col-md-4"><strong>Phone</strong><br>{{ $registration->user?->phone_number ?? '—' }}</div>
                <div class="col-md-4"><strong>Membership</strong><br>{{ $registration->user?->membershipCategory?->name ?? '—' }}</div>
                <div class="col-md-4"><strong>Affiliation</strong><br>{{ $registration->user?->affiliation ?? '—' }}</div>
                <div class="col-md-4"><strong>State / Country</strong><br>{{ $registration->user?->state?->name ?? '—' }}{{ $registration->user?->country ? ', '.$registration->user->country : '' }}</div>
                <div class="col-md-4"><strong>Attendance</strong><br>{{ ucfirst($registration->attendance_type ?? 'physical') }}</div>
                <div class="col-md-4"><strong>Registered</strong><br>{{ $registration->registered_at?->format('M d, Y H:i') ?? '—' }}</div>
                <div class="col-md-4"><strong>Check-in</strong><br>{{ $registration->attendance_status === 'checked_in' ? 'Checked in' : 'Not checked in' }}</div>

                @if($registration->fee_period || $registration->total_amount_due)
                    <div class="col-md-12"><hr class="my-2"></div>
                    <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 ?? 'NGN' }} {{ number_format($registration->base_registration_fee ?? 0, 2) }}</div>
                    <div class="col-md-4"><strong>Total Due</strong><br>{{ $registration->fee_currency ?? 'NGN' }} {{ number_format($registration->total_amount_due ?? 0, 2) }}</div>
                @endif

                @if($registration->attending_with_spouse)
                    <div class="col-md-12"><hr class="my-2"><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>Phone</strong><br>{{ $registration->spouse_phone ?? '—' }}</div>
                    <div class="col-md-4"><strong>Email</strong><br>{{ $registration->spouse_email ?? '—' }}</div>
                    <div class="col-md-4"><strong>Spouse Fee</strong><br>{{ $registration->fee_currency ?? 'NGN' }} {{ number_format($registration->spouse_fee_amount ?? 0, 2) }}</div>
                @endif

                @if($registration->meal_preference)
                    <div class="col-md-4"><strong>Meal Preference</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>

        @if($registration->payments->isNotEmpty())
            <div class="cardx p-4">
                <h6 class="mb-3">Payment History</h6>
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($registration->payments as $payment)
                                <tr>
                                    <td>{{ $payment->payment_reference }}</td>
                                    <td>{{ $payment->currency ?? 'NGN' }} {{ number_format($payment->amount, 2) }}</td>
                                    <td><span class="badge {{ in_array($payment->status, ['successful', 'manually_confirmed'], true) ? 'bg-success' : 'bg-secondary' }}">{{ ucfirst(str_replace('_', ' ', $payment->status)) }}</span></td>
                                    <td>{{ $payment->paid_at?->format('M d, Y H:i') ?? $payment->created_at?->format('M d, Y H:i') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>

    <div class="col-lg-4">
        @if($registration->passport_photo)
            <div class="cardx p-4 mb-4 text-center">
                <h6 class="mb-3">Passport Photo</h6>
                <img src="{{ asset('storage/'.$registration->passport_photo) }}" alt="{{ $registration->user?->name }}" class="img-fluid rounded" style="max-height:220px">
            </div>
        @endif

        <div class="cardx p-4 mb-4">
            <h6 class="mb-3">Conference Tags</h6>
            @forelse($registration->tags as $tag)
                <div class="border rounded p-3 mb-3 text-center">
                    <span class="badge badge-soft mb-2">{{ ucfirst($tag->holder_type) }}</span>
                    <p class="mb-1 fw-semibold">{{ $tag->holder_name }}</p>
                    <p class="small text-muted mb-2">{{ $tag->tag_number }}</p>
                    @if($tag->qr_code_image)
                        <img src="{{ asset('storage/'.$tag->qr_code_image) }}" alt="QR Code" width="120" class="mb-2">
                    @endif
                    @php
                        $checkedIn = $registration->checkins->firstWhere('holder_type', $tag->holder_type);
                    @endphp
                    <p class="small mb-0">
                        {{ $checkedIn ? 'Checked in '.$checkedIn->checkin_time?->format('M d, Y H:i') : 'Not checked in' }}
                    </p>
                </div>
            @empty
                <p class="text-muted mb-0">No tags generated yet.</p>
            @endforelse
        </div>

        <div class="cardx p-4">
            <h6 class="mb-3">Conference</h6>
            <p class="mb-1"><strong>{{ $registration->conference?->conference_year }}</strong></p>
            <p class="small text-muted mb-2">{{ $registration->conference?->city }}{{ $registration->conference?->city && $registration->conference?->conference_year ? ' · ' : '' }}{{ $registration->conference?->conference_year }}</p>
            <p class="small mb-1"><strong>Venue:</strong> {{ $registration->conference?->venue ?? '—' }}</p>
            <p class="small mb-0"><strong>Dates:</strong> {{ $registration->conference?->start_date?->format('M d') }} – {{ $registration->conference?->end_date?->format('M d, Y') }}</p>
        </div>
    </div>
</div>

@endsection