@extends('layouts.app')

@section('title', $data['titre'] . ' — Concept X Formation')
@section('meta_description', $data['meta_description'] ?? '')

@section('content')

{{-- BREADCRUMB --}}
<div class="breadcrumb">
    <div class="container">
        <a href="{{ route('accueil') }}">Accueil</a>
        <span class="sep">/</span>
        <a href="{{ route('catalogue') }}">Catalogue</a>
        <span class="sep">/</span>
        <a href="{{ route('catalogue', ['univers' => $data['univers_slug']]) }}">{{ $data['univers'] }}</a>
        <span class="sep">/</span>
        <span class="current">{{ $data['titre_court'] }}</span>
    </div>
</div>

{{-- HERO FORMATION --}}
<section class="formation-hero">
    <div class="container">
        <div class="formation-hero-inner">
            <div>
                <div class="formation-badges">
                    @foreach($data['badges'] as $badge)
                        <span class="f-badge">{{ $badge }}</span>
                    @endforeach
                </div>
                <h1>{{ $data['h1'] }}</h1>
                <p class="f-sub">{{ $data['accroche'] }}</p>
                <div class="formation-quick-info">
                    @foreach($data['infos_rapides'] as $label => $value)
                        <div class="f-info">
                            <div class="f-info-label">{{ $label }}</div>
                            <div class="f-info-value">{{ $value }}</div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="price-card">
                <div class="price-card-label">Prix de la formation</div>
                <div class="amount">{{ $data['prix'] }}<span class="currency"> €</span></div>
                <div class="vat">TTC · Tarif TVA non applicable</div>
                <ul class="fin-list">
                    @foreach($data['financements'] as $fin)
                        <li>{{ $fin }}</li>
                    @endforeach
                </ul>
                <a href="{{ route('inscription.create', ['formation' => $formation->slug]) }}" class="btn-block">M'inscrire à cette session &rarr;</a>
                <a href="{{ route('formation.programme', $formation) }}" class="btn-block secondary" target="_blank" rel="noopener">Télécharger le programme PDF</a>
            </div>
        </div>
    </div>
</section>

{{-- CONTENU --}}
<section style="background: var(--creme);">
    <div class="container">
        <div class="formation-content">
            <div class="formation-main">
                @yield('formation_content')
            </div>
            <aside class="formation-aside">
                <h3>Indicateurs Qualiopi</h3>
                @forelse($data['stats'] as $label => $value)
                    <div class="aside-stat">
                        <span class="aside-stat-label">{{ $label }}</span>
                        <span class="aside-stat-value">{{ $value }}</span>
                    </div>
                @empty
                    <p style="font-size:13px;color:var(--gris-acier);">Indicateurs en cours de consolidation.</p>
                @endforelse
                <div style="margin-top:20px;padding-top:20px;border-top:1px solid var(--gris-pale);">
                    <p style="font-size:12px;color:var(--gris-acier);">
                        Données mises à jour le {{ $data['stats_maj_le'] ? $data['stats_maj_le']->translatedFormat('d/m/Y') : '01/05/2026' }} — Conformité Qualiopi.
                    </p>
                </div>
            </aside>
        </div>
    </div>
</section>

@endsection