@extends('layouts.app')

@section('title', 'Catalogue des formations — Concept X Formation')
@section('meta_description', 'Découvrez nos 40+ formations certifiantes : développement web, community management, graphisme, bureautique, IA. Toutes éligibles CPF, OPCO, Pôle Emploi ou apprentissage.')

@section('content')

{{-- BREADCRUMB --}}
<div class="breadcrumb">
    <div class="container">
        <a href="{{ route('accueil') }}">Accueil</a>
        <span class="sep">/</span>
        <span class="current">Catalogue</span>
    </div>
</div>

{{-- HERO --}}
<section class="page-hero">
    <div class="container">
        <div class="page-hero-eyebrow">Toutes nos formations</div>
        <h1>Un <em>catalogue</em><br>pensé pour votre métier.</h1>
        <p class="lead">{{ $formations->total() }} formations certifiantes, en distanciel ou en présentiel. Toutes éligibles à un financement (CPF, OPCO, Pôle Emploi, alternance).</p>
    </div>
</section>

{{-- FILTRES + GRILLE --}}
<section class="block">
    <div class="container">

        @php
            $filterUrl = function (array $changes) {
                $params = array_merge(request()->except('page'), $changes);
                foreach ($params as $key => $value) {
                    if ($value === null || $value === '' || $value === 'tous') {
                        unset($params[$key]);
                    }
                }
                return route('catalogue', $params);
            };
        @endphp

        {{-- Filtre Univers --}}
        <div class="filters">
            <span class="filter-label">Univers</span>
            <a href="{{ $filterUrl(['univers' => 'tous']) }}"
                class="filter-chip {{ !request('univers') || request('univers') === 'tous' ? 'active' : '' }}">
                Tous
            </a>
            @foreach($univers as $u)
            <a href="{{ $filterUrl(['univers' => $u->slug]) }}"
                class="filter-chip {{ request('univers') === $u->slug ? 'active' : '' }}">
                {{ $u->libelle }}
            </a>
            @endforeach
        </div>

        {{-- Filtre Format + Financement --}}
        <div class="filters">
            <span class="filter-label">Format</span>
            @foreach(['tous' => 'Tous', 'distanciel' => 'Distanciel', 'presentiel' => 'Présentiel', 'hybride' => 'Hybride'] as $val => $label)
            <a href="{{ $filterUrl(['format' => $val]) }}"
                class="filter-chip {{ (request('format', 'tous') === $val) ? 'active' : '' }}">
                {{ $label }}
            </a>
            @endforeach

            <span class="filter-label" style="margin-left:24px">Financement</span>
            <a href="{{ $filterUrl(['fin' => 'tous']) }}"
                class="filter-chip {{ !request('fin') || request('fin') === 'tous' ? 'active' : '' }}">
                Tous
            </a>
            @foreach($financements as $f)
            <a href="{{ $filterUrl(['fin' => $f->slug]) }}"
                class="filter-chip {{ request('fin') === $f->slug ? 'active' : '' }}">
                {{ $f->libelle }}
            </a>
            @endforeach
        </div>

        <div class="filters">
            <span class="filter-label">Tri</span>
            @foreach(['pertinence' => 'Pertinence', 'prix' => 'Prix croissant', 'duree' => 'Durée croissante', 'popularite' => 'Popularité'] as $val => $label)
                <a href="{{ $filterUrl(['tri' => $val]) }}"
                    class="filter-chip {{ request('tri', 'pertinence') === $val ? 'active' : '' }}">
                    {{ $label }}
                </a>
                @endforeach
        </div>

        {{-- GRILLE --}}
        <div class="catalog-grid" id="catalog-grid">
            @forelse($formations as $f)
            @php
                $imgClass = match($f->univers?->slug) {
                    'creatif'     => 'creative',
                    'bureautique' => 'bureau',
                    default       => '',
                };
                $badgePrincipal = $f->financements->first()?->libelle ?? ($f->code_rs ? 'RS' : ($f->code_rncp ? 'RNCP' : ''));
                $icone = mb_strtoupper(mb_substr($f->titre_court ?? $f->titre, 0, 2));
            @endphp
            <a href="{{ route('formation.show', $f) }}" class="cat-card">
                <div class="cat-card-img {{ $imgClass }}">
                    @if($badgePrincipal)
                        <span class="cat-card-badge">{{ $badgePrincipal }}</span>
                    @endif
                    <span class="cat-card-icon">{{ $icone }}</span>
                </div>
                <div class="cat-card-body">
                    <div class="cat-card-cat">
                        {{ $f->univers?->libelle }}
                        @if($f->code_rs) &middot; RS{{ $f->code_rs }}@endif
                        @if($f->code_rncp) &middot; RNCP{{ $f->code_rncp }}@endif
                    </div>
                    <h3>{{ $f->titre }}</h3>
                    <p class="cat-card-desc">{{ $f->accroche }}</p>
                    <div class="cat-card-meta">
                        @if($f->duree_libelle)<span>{{ $f->duree_libelle }}</span>@endif
                        <span>{{ ucfirst($f->format) }}</span>
                    </div>
                    <div class="cat-card-price">
                        @if($f->prix_ttc_de)
                            <span class="cat-card-amount">{{ number_format($f->prix_ttc_de, 0, ',', ' ') }} €</span>
                        @endif
                        @foreach($f->financements->take(2) as $fin)
                            <span class="cat-card-fin">✓ {{ $fin->libelle }}</span>
                        @endforeach
                    </div>
                </div>
            </a>
            @empty
            <div style="grid-column:1/-1;text-align:center;padding:var(--space-16);color:var(--gris-acier)">
                <p>Aucune formation ne correspond à ces critères.</p>
                <a href="{{ route('catalogue') }}" style="color:var(--terracotta)">Réinitialiser les filtres &rarr;</a>
            </div>
            @endforelse
        </div>

        {{-- PAGINATION --}}
        @if($formations->hasPages())
        <div style="text-align:center;margin-top:40px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--gris-acier)">
            Page {{ $formations->currentPage() }} sur {{ $formations->lastPage() }} &middot;
            @if($formations->hasMorePages())
                <a href="{{ $formations->nextPageUrl() }}" style="color:var(--terracotta)">Voir plus de formations &rarr;</a>
            @endif
        </div>
        {{ $formations->links() }}
        @endif

    </div>
</section>

@endsection