@extends('layouts.app')

@section('title', 'Qualiopi — Concept X Formation')
@section('meta_description', 'Certification Qualiopi Concept X Formation, indicateurs qualité, accessibilité et engagements pédagogiques.')

@section('content')
<div class="breadcrumb">
    <div class="container">
        <a href="{{ route('accueil') }}">Accueil</a><span class="sep">/</span><span class="current">Qualiopi</span>
    </div>
</div>

<section class="page-hero">
    <div class="container">
        <div class="page-hero-eyebrow">Certification qualité</div>
        <h1>Notre certification <em>Qualiopi</em>.</h1>
        <p class="lead">Concept X Formation est engagé dans une démarche qualité pour ses actions de formation et son activité CFA.</p>
    </div>
</section>

<section class="block">
    <div class="container">
        <div class="qualiopi-grid">
            <div>
                <div class="block-eyebrow">Certificat</div>
                <h2 class="block-title">Une exigence qualité<br>au service des apprenants.</h2>
                <p class="block-intro">La certification Qualiopi atteste de la qualité du processus mis en œuvre par les prestataires d’actions concourant au développement des compétences.</p>
                <div class="sectors-grid">
                    <div class="sector-card"><div class="sector-icon">01</div><h4>Information claire</h4><p>Objectifs, publics, prérequis, tarifs, modalités et indicateurs sont présentés sur les fiches formations.</p></div>
                    <div class="sector-card"><div class="sector-icon">02</div><h4>Accompagnement</h4><p>Chaque parcours prévoit un suivi pédagogique, des évaluations et un interlocuteur identifié.</p></div>
                    <div class="sector-card"><div class="sector-icon">03</div><h4>Accessibilité</h4><p>Les besoins liés au handicap sont étudiés avant l’entrée en formation pour adapter le parcours lorsque possible.</p></div>
                    <div class="sector-card"><div class="sector-icon">04</div><h4>Amélioration continue</h4><p>Les retours stagiaires et les indicateurs alimentent l’évolution de nos programmes.</p></div>
                </div>
            </div>
            <div class="certificate-card">
                <img src="{{ asset('images/certifications/certificat-qualiopi.png') }}" alt="Certificat Qualiopi Concept X Formation">
            </div>
        </div>
    </div>
</section>

<section class="block alt" id="partenaires">
    <div class="container">
        <div class="block-eyebrow">Partenaires</div>
        <h2 class="block-title">Ils nous font confiance<br>et nous accompagnent.</h2>
        <div class="partners-logo-grid">
            @foreach($partenaires as $p)
                <a href="{{ $p->lien ?: '#' }}" class="partner-logo-card" target="_blank" rel="noopener">
                    @if($p->logo)
                        <img src="{{ asset($p->logo) }}" alt="{{ $p->libelle }}">
                    @else
                        <span>{{ $p->libelle }}</span>
                    @endif
                </a>
            @endforeach
        </div>
    </div>
</section>
@endsection