@extends('frontend.cropa.layouts.master')

@section('title', 'Pré-inscription confirmée - ' . ($event->title ?? 'CROPA'))

@section('content')
    <div class="row justify-content-center">
        <div class="col-lg-8">

            <div class="cropa-card p-4">
                <div class="text-center mb-4">
                    <h2 class="h4 mb-1">Votre pré-inscription est enregistrée</h2>
                    <p class="session-meta mb-0">
                        Code de pré-inscription : <strong>{{ $participant->code_pre_registration }}</strong>
                    </p>
                </div>

                <h3 class="h6 text-uppercase session-meta mb-3">Vos informations</h3>

                <dl class="row mb-4">
                    <dt class="col-sm-4 fw-semibold">Nom</dt>
                    <dd class="col-sm-8">
                        {{ $participant->user->firstname }} {{ $participant->user->name }}
                    </dd>

                    <dt class="col-sm-4 fw-semibold">Email</dt>
                    <dd class="col-sm-8">{{ $participant->user->email }}</dd>

                    <dt class="col-sm-4 fw-semibold">Téléphone</dt>
                    <dd class="col-sm-8">{{ $participant->user->phone ?: '-' }}</dd>

                    <dt class="col-sm-4 fw-semibold">Spécialité</dt>
                    <dd class="col-sm-8">{{ $participant->user->specialty ?: '-' }}</dd>

                    <dt class="col-sm-4 fw-semibold">Gouvernorat</dt>
                    <dd class="col-sm-8">{{ $participant->user->gouvernorat ?: '-' }}</dd>

                    <dt class="col-sm-4 fw-semibold">Mode de paiement</dt>
                    <dd class="col-sm-8">{{ $participant->paiement_mode ?: 'À préciser' }}</dd>

                    {{-- La demande libre saisie à l'étape 1 : rappelée ici pour
                         que le participant vérifie ce qu'il a transmis. --}}
                    @if ($participant->comment)
                        <dt class="col-sm-4 fw-semibold">Demande supplémentaire</dt>
                        <dd class="col-sm-8">{{ $participant->comment }}</dd>
                    @endif
                </dl>

                <h3 class="h6 text-uppercase session-meta mb-3">Votre sélection</h3>

                @if (empty($lignes))
                    <div class="alert alert-warning">
                        Vous n'avez encore rien sélectionné.
                    </div>
                @else
                    <div class="cropa-recap mb-4">
                        @foreach ($lignes as $ligne)
                            <div class="recap-row">
                                {{-- Titre seul : l'horaire et la salle ont ete vus a
                                     l'etape du choix. Le badge porte le nombre de
                                     places quand il y a des accompagnants. --}}
                                <span>{{ $ligne['titre'] }}@if ($ligne['quantite'] > 1)<span class="recap-qte">&times;{{ $ligne['quantite'] }}</span>@endif</span>
                                {{-- Colonne reservee aux tarifs : le mot « Inclus »
                                     a ete retire. --}}
                                <span class="text-nowrap">
                                    @if ($ligne['prix'] > 0)
                                        {{ (int) $ligne['prix'] }} TND
                                    @endif
                                </span>
                            </div>
                        @endforeach

                        <div class="recap-row fw-semibold border-0 pt-3">
                            <span>Total</span>
                            <span>{{ (int) $total }} TND</span>
                        </div>
                    </div>

                    <div class="alert alert-light border">
                        <div class="small">
                            @include('frontend.cropa.partials.reglement')
                        </div>
                    </div>
                @endif

                <div class="d-flex gap-2">
                    <a href="{{ route('cropa.inscription') }}" class="btn btn-outline-secondary">
                        Modifier ma pré-inscription
                    </a>
                </div>

                <div class="session-meta mt-4">
                    @include('frontend.cropa.partials.contact')
                </div>
            </div>

        </div>
    </div>
@endsection