@extends('layouts.app')

@section('title', 'Mes coordonnées — Concept X Formation')

@section('content')
<div class="breadcrumb">
    <div class="container">
        <a href="{{ route('inscription.sessions') }}">Sessions</a><span class="sep">/</span><span class="current">Coordonnées</span>
    </div>
</div>

<section class="page-hero">
    <div class="container">
        <div class="page-hero-eyebrow">Étape 3 sur 3</div>
        <h1>Vos coordonnées,<br><em>on finalise ensemble.</em></h1>
        <p class="lead">Ces informations permettent à l’assistante pédagogique de vous recontacter, valider vos choix et recueillir les pièces complémentaires.</p>
    </div>
</section>

<section class="block">
    <div class="container">
        @if($errors->any())
            <div class="form-alert">
                <strong>Quelques informations sont à corriger.</strong>
                <ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
            </div>
        @endif
        <form method="POST" action="{{ route('inscription.store') }}" class="registration-layout">
            @csrf
            <div>
                <div class="block-eyebrow">Votre sélection</div>
                <div class="session-step-list">
                    @foreach($sessions as $session)
                        @php
                            $selectionDuree = $session->module
                                ? ($session->module->duree_heures ? $session->module->duree_heures . ' h' : 'Durée module à confirmer')
                                : ($session->formation?->duree_libelle ?: ($session->formation?->duree_heures ? $session->formation->duree_heures . ' h' : 'Durée à confirmer'));
                        @endphp
                        <div class="session-step-card compact">
                            <div class="cat-card-cat">{{ $session->formation?->univers?->libelle }}</div>
                            <h3>{{ $session->formation?->titre }}</h3>
                            <p>
                                {{ $session->module ? 'Module : ' . $session->module->titre . ' · ' : 'Formation complète · ' }}
                                {{ $selectionDuree }} ·
                                {{ $session->date_debut->translatedFormat('d M Y') }} au {{ $session->date_fin->translatedFormat('d M Y') }} · {{ $session->lieu?->libelle ?? 'Lieu à confirmer' }}
                            </p>
                            <input type="hidden" name="sessions[]" value="{{ $session->id }}">
                        </div>
                    @endforeach
                    @foreach($demandes as $demande)
                        @php
                            $formation = $demande['formation'];
                            $module = $demande['module'];
                            $selectionDuree = $module
                                ? ($module->duree_heures ? $module->duree_heures . ' h' : 'Durée module à confirmer')
                                : ($formation->duree_libelle ?: ($formation->duree_heures ? $formation->duree_heures . ' h' : 'Durée à confirmer'));
                        @endphp
                        <div class="session-step-card compact waitlist-summary">
                            <div class="cat-card-cat">{{ $formation->univers?->libelle }}</div>
                            <h3>{{ $formation->titre }}</h3>
                            <p>
                                {{ $module ? 'Module : ' . $module->titre . ' · ' : 'Formation complète · ' }}
                                {{ $selectionDuree }} · Liste d'attente / prochaine session
                            </p>
                            <input type="hidden" name="demandes[]" value="{{ $demande['token'] }}">
                        </div>
                    @endforeach
                </div>
                <a href="{{ route('inscription.sessions') }}" class="btn-secondary">Modifier les sessions</a>
            </div>

            <aside class="registration-panel">
                <input type="text" name="website" value="" class="bot-field" tabindex="-1" autocomplete="off">
                <input type="hidden" name="started_at" value="{{ $startedAt }}">
                <div class="form-row row-2">
                    <div><label for="prenom">Prénom *</label><input id="prenom" name="prenom" value="{{ old('prenom') }}" required></div>
                    <div><label for="nom">Nom *</label><input id="nom" name="nom" value="{{ old('nom') }}" required></div>
                </div>
                <div class="form-row"><label for="email">Email *</label><input id="email" type="email" name="email" value="{{ old('email') }}" required></div>
                <div class="form-row"><label for="telephone">Téléphone *</label><input id="telephone" name="telephone" value="{{ old('telephone') }}" required></div>
                <div class="form-row row-2">
                    <div><label for="ville">Ville</label><input id="ville" name="ville" value="{{ old('ville') }}"></div>
                    <div><label for="code_postal">Code postal</label><input id="code_postal" name="code_postal" value="{{ old('code_postal') }}"></div>
                </div>
                <div class="form-row">
                    <label for="situation">Situation</label>
                    <select id="situation" name="situation">
                        <option value="">À préciser ensemble</option>
                        @foreach(['salarie' => 'Salarié', 'demandeur_emploi' => 'Demandeur d’emploi', 'etudiant' => 'Étudiant', 'independant' => 'Indépendant', 'autre' => 'Autre'] as $value => $label)
                            <option value="{{ $value }}" @selected(old('situation') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-row"><label for="niveau_diplome">Niveau / diplôme</label><input id="niveau_diplome" name="niveau_diplome" value="{{ old('niveau_diplome') }}"></div>
                <div class="form-row">
                    <label for="financement_id">Financement envisagé</label>
                    <select id="financement_id" name="financement_id">
                        <option value="">Je ne sais pas encore</option>
                        @foreach($financements as $financement)
                            <option value="{{ $financement->id }}" @selected((string) old('financement_id') === (string) $financement->id)>{{ $financement->libelle }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-row"><label for="message">Message pour l’assistante</label><textarea id="message" name="message">{{ old('message') }}</textarea></div>
                @if($turnstileSiteKey)
                    <div class="cf-turnstile" data-sitekey="{{ $turnstileSiteKey }}"></div>
                @endif
                <label class="rgpd-choice"><input type="checkbox" name="rgpd" value="1" required @checked(old('rgpd'))><span>J’accepte que Concept X Formation utilise ces informations pour me recontacter au sujet de ma demande.</span></label>
                <button class="btn-submit" type="submit">Envoyer ma demande</button>
                <p class="registration-help">Protection anti-spam active : délai minimal, honeypot, limitation de débit et Turnstile si configuré.</p>
            </aside>
        </form>
    </div>
</section>
@endsection

@if($turnstileSiteKey)
@push('scripts')
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
@endpush
@endif