@extends('layouts.app')

@section('title', 'Formations pour entreprises — Concept X Formation')
@section('meta_description', "Formez vos équipes à l'IA générative, l'automatisation, le digital et la bureautique avancée. Formations intra-entreprise et accompagnement OPCO.")

@section('content')
<section class="entreprise-hero">
    <div class="container">
        <div class="hero-copy-narrow">
            <div class="hero-kicker">Pour les entreprises</div>
            <h1>Formez vos équipes<br>aux compétences <em>de demain</em>.</h1>
            <p>IA générative, automatisation, marketing digital, bureautique avancée. Formations sur mesure pour entreprises, avec accompagnement de votre dossier OPCO.</p>
            <div class="entreprise-cta-row">
                <a href="{{ route('contact') }}" class="btn-or">Demander un devis &rarr;</a>
                <a href="{{ route('contact') }}" class="btn-outline-white">Recevoir le catalogue B2B</a>
            </div>
        </div>
    </div>
</section>

<section class="block">
    <div class="container">
        <div class="block-eyebrow">Notre catalogue B2B</div>
        <h2 class="block-title">4 grandes thématiques.</h2>
        <p class="block-intro">Des formats courts, en intra ou inter-entreprise, en présentiel Guadeloupe ou en distanciel partout en France.</p>
        <div class="sectors-grid">
            <div class="sector-card"><div class="sector-icon">IA</div><h4>IA générative</h4><p>ChatGPT, bonnes pratiques, cas d'usage métier et sécurisation des données.</p></div>
            <div class="sector-card"><div class="sector-icon">AUTO</div><h4>Automatisation</h4><p>Make, Zapier, n8n : supprimer les tâches répétitives et documenter les flux.</p></div>
            <div class="sector-card"><div class="sector-icon">COM</div><h4>Marketing digital</h4><p>Social media, SEO, contenus et pilotage de votre présence en ligne.</p></div>
            <div class="sector-card"><div class="sector-icon">DATA</div><h4>Bureautique avancée</h4><p>Excel, tableaux de bord et méthodes pour mieux maîtriser vos données.</p></div>
        </div>
    </div>
</section>

<section class="block alt">
    <div class="container">
        <div class="block-eyebrow">Formations entreprise</div>
        <h2 class="block-title">Des parcours courts<br>et opérationnels.</h2>
        <div class="catalog-grid section-grid-top">
            @foreach($formations as $f)
                <a href="{{ route('formation.show', $f) }}" class="cat-card">
                    <div class="cat-card-img b2b"><span class="cat-card-badge">B2B</span><span class="cat-card-icon">{{ mb_strtoupper(mb_substr($f->titre_court, 0, 2)) }}</span></div>
                    <div class="cat-card-body">
                        <div class="cat-card-cat">{{ $f->univers?->libelle }}</div>
                        <h3>{{ $f->titre }}</h3>
                        <p class="cat-card-desc">{{ $f->accroche }}</p>
                        <div class="cat-card-price"><span class="cat-card-amount">{{ number_format($f->prix_ttc_de, 0, ',', ' ') }} €</span><span class="cat-card-fin">✓ OPCO</span></div>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
</section>

<section class="block">
    <div class="container">
        <div class="block-eyebrow">Comment ça marche</div>
        <h2 class="block-title">De votre besoin<br>à la formation livrée.</h2>
        <div class="process-grid process-spaced">
            <div class="step-card"><div class="step-num">01</div><h4>Échange de cadrage</h4><p>Nous comprenons votre contexte, vos équipes, vos enjeux et le niveau attendu.</p></div>
            <div class="step-card"><div class="step-num">02</div><h4>Proposition sur mesure</h4><p>Programme adapté, devis détaillé, planning et accompagnement de prise en charge.</p></div>
            <div class="step-card"><div class="step-num">03</div><h4>Animation</h4><p>Formation en intra, en présentiel ou à distance, avec des formateurs experts métier.</p></div>
            <div class="step-card"><div class="step-num">04</div><h4>Suivi post-formation</h4><p>Évaluation, supports remis et recommandations pour prolonger les acquis.</p></div>
        </div>
    </div>
</section>

<section class="block dark">
    <div class="container">
        <div class="split-grid">
            <div>
                <div class="block-eyebrow">Témoignage</div>
                <h2 class="block-title">“15 collaborateurs<br>formés à l'IA en 1 jour.”</h2>
                <p class="dark-lead">Concept X a formé notre équipe à ChatGPT en intra. Programme adapté à notre secteur, prise en charge OPCO complète, gain de productivité immédiat.</p>
                <div class="quote-author">Caroline L. · DRH · PME industrielle</div>
            </div>
            <div class="dark-panel">
                <h3>Demander un devis</h3>
                <p>Réponse sous 48h. Programme adapté à votre besoin et étude de prise en charge incluse.</p>
                <a href="{{ route('contact') }}" class="btn-or btn-full">Démarrer ma demande &rarr;</a>
            </div>
        </div>
    </div>
</section>
@endsection