@extends('layouts.app')

@section('title', 'Audit AGEFIPH ' . $data['name'] . ' - Optimisez votre contribution AGEFIPH en région')
@section('description', 'Audit et optimisation de votre contribution AGEFIPH en ' . $data['name'] . '. HAndipartner accompagne les entreprises de +20 salariés de la région : réduction de la contribution AGEFIPH, dépenses d\'accessibilité déductibles, sourcing de travailleurs handicapés, conformité OETH, audit gratuit sous 48h.')

@section('structured_data')
<script type="application/ld+json">
{
    "@@context": "https://schema.org",
    "@@type": "Service",
    "serviceType": "Audit et optimisation de la contribution AGEFIPH",
    "name": "Audit AGEFIPH {{ $data['name'] }}",
    "description": "Audit et optimisation de la contribution AGEFIPH due au titre de l'OETH pour les entreprises de {{ $data['name'] }}.",
    "areaServed": { "@@type": "AdministrativeArea", "name": "{{ $data['name'] }}", "address": { "@@type": "PostalAddress", "addressRegion": "{{ $data['name'] }}", "addressCountry": "FR" } },
    "provider": {
        "@@type": "ProfessionalService",
        "name": "HAndipartner",
        "url": "{{ url('/') }}",
        "telephone": "+33183754070",
        "address": { "@@type": "PostalAddress", "streetAddress": "77 avenue du Général Leclerc", "postalCode": "33200", "addressLocality": "Bordeaux", "addressCountry": "FR" }
    },
    "url": "{{ route('regions.show', $data['slug']) }}"
}
</script>
<script type="application/ld+json">
{
    "@@context": "https://schema.org",
    "@@type": "BreadcrumbList",
    "itemListElement": [
        { "@@type": "ListItem", "position": 1, "name": "Accueil", "item": "{{ url('/') }}" },
        { "@@type": "ListItem", "position": 2, "name": "Audit AGEFIPH par région", "item": "{{ route('regions.index') }}" },
        { "@@type": "ListItem", "position": 3, "name": "{{ $data['name'] }}", "item": "{{ route('regions.show', $data['slug']) }}" }
    ]
}
</script>
<script type="application/ld+json">
{
    "@@context": "https://schema.org",
    "@@type": "FAQPage",
    "mainEntity": [
        { "@@type": "Question", "name": "Quelles entreprises de {{ $data['name'] }} sont concernées par la contribution AGEFIPH ?", "acceptedAnswer": { "@@type": "Answer", "text": "Toutes les entreprises de {{ $data['name'] }} employant 20 salariés et plus, qui n'atteignent pas le quota de 6 % de travailleurs handicapés, versent une contribution à l'AGEFIPH." } },
        { "@@type": "Question", "name": "Les dépenses d'accessibilité sont-elles déductibles de la contribution AGEFIPH en {{ $data['name'] }} ?", "acceptedAnswer": { "@@type": "Answer", "text": "Oui. Certaines dépenses d'accessibilité (accessibilité numérique, aménagement des locaux, maintien dans l'emploi) sont déductibles de votre contribution AGEFIPH, dans la limite de 10 % du montant dû. Notre audit en {{ $data['name'] }} identifie et chiffre les dépenses éligibles." } },
        { "@@type": "Question", "name": "Comment organiser le sourcing de travailleurs handicapés en {{ $data['name'] }} ?", "acceptedAnswer": { "@@type": "Answer", "text": "HAndipartner cadre votre sourcing de travailleurs handicapés dans toute la région {{ $data['name'] }} : recrutement direct de BOETH, alternance, ou externalisation de prestations au secteur adapté. Chaque voie relève votre taux d'emploi et réduit la contribution AGEFIPH." } }
    ]
}
</script>
@endsection

@section('content')

<style>
    .reg-hero { background:#0D2B5E; padding:clamp(2.5rem,5vw,4rem) 0; }
    .reg-bc { display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.72rem;color:#7FA7E0;margin-bottom:1.25rem; }
    .reg-bc a { color:#7FA7E0;text-decoration:none; }
    .reg-bc a:hover { color:#fff; }
    .reg-bc-sep { opacity:.5; }
    .reg-eyebrow { display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem; }
    .reg-eyebrow-line { width:26px;height:1.5px;background:#F5820A; }
    .reg-eyebrow-txt { font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7FA7E0; }
    .reg-h1 { font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:800;color:#fff;margin:0 0 1rem;letter-spacing:-.022em;line-height:1.12; }
    .reg-sub { font-size:1.02rem;color:#9FB8DC;line-height:1.7;max-width:640px;margin:0 0 1.75rem; }
    .reg-cta-row { display:flex;flex-wrap:wrap;gap:.85rem; }
    .reg-sec { padding:clamp(2.5rem,5vw,4rem) 0; }
    .reg-bg-white { background:#fff; }
    .reg-bg-light { background:#F4F8FE; }
    .reg-wrap { max-width:820px; }
    .reg-h2 { font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;color:#091E42;margin:0 0 1rem;letter-spacing:-.02em; }
    .reg-p { font-size:.98rem;line-height:1.8;color:#475569;margin:0 0 1.1rem; }
    .reg-fact { display:inline-flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #E6ECF5;border-radius:12px;padding:.7rem 1.1rem;margin-top:.5rem;font-size:.85rem;color:#091E42;font-weight:700; }
    .reg-cities { display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1.75rem; }
    .reg-city { display:flex;align-items:center;justify-content:space-between;gap:.8rem;text-decoration:none;background:#fff;border:1px solid #E6ECF5;border-radius:12px;padding:1rem 1.25rem;transition:all .2s; }
    .reg-city:hover { border-color:#1A4B9C;box-shadow:0 8px 22px rgba(13,43,94,.08); }
    .reg-city-name { font-size:.95rem;font-weight:800;color:#091E42;display:flex;align-items:center;gap:.5rem; }
    .reg-city-dep { font-size:.72rem;color:#7C8AA3;font-weight:600; }
    .reg-city-arrow { color:#1A4B9C;flex-shrink:0; }
    .reg-cards { display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.75rem; }
    .reg-card { background:#fff;border:1px solid #E6ECF5;border-radius:14px;padding:1.6rem; }
    .reg-card-ic { width:44px;height:44px;border-radius:11px;background:#EEF3FB;display:flex;align-items:center;justify-content:center;margin-bottom:1rem; }
    .reg-card-h3 { font-size:1.02rem;font-weight:700;color:#091E42;margin:0 0 .5rem; }
    .reg-card-p { font-size:.86rem;color:#5A6B85;line-height:1.7;margin:0; }
    .reg-mesh { display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem; }
    .reg-chip { display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#1A4B9C;text-decoration:none;background:#fff;border:1px solid #D6E2F5;border-radius:20px;padding:8px 15px;transition:all .2s; }
    .reg-chip:hover { background:#0D2B5E;color:#fff;border-color:#0D2B5E; }
    .reg-cta-final { background:#091E42; }
    .reg-cta-inner { padding:clamp(2.5rem,4vw,3.5rem) 0;text-align:center; }
    .reg-cta-h2 { font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff;margin:0 0 1rem; }
    .reg-cta-p { color:#9FB8DC;margin:0 auto 1.75rem;max-width:520px;font-size:.98rem;line-height:1.7; }
    .reg-cta-center { display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center; }
    @media (min-width:768px){ .reg-cities { grid-template-columns:1fr 1fr; } .reg-cards { grid-template-columns:1fr 1fr 1fr; } }
</style>

{{-- HERO --}}
<section class="reg-hero">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <nav class="reg-bc" aria-label="Fil d'Ariane">
            <a href="{{ route('home') }}">Accueil</a>
            <span class="reg-bc-sep">›</span>
            <a href="{{ route('regions.index') }}">Audit AGEFIPH par région</a>
            <span class="reg-bc-sep">›</span>
            <span>{{ $data['name'] }}</span>
        </nav>
        <div class="reg-eyebrow">
            <span class="reg-eyebrow-line"></span>
            <span class="reg-eyebrow-txt">Région · {{ $data['dreets'] }}</span>
        </div>
        <h1 class="reg-h1">Audit &amp; optimisation de la contribution AGEFIPH en {{ $data['name'] }}</h1>
        <p class="reg-sub">Les entreprises de plus de 20 salariés de {{ $data['name'] }} sont soumises à l'obligation d'emploi de travailleurs handicapés (OETH). HAndipartner audite votre contribution AGEFIPH (souvent appelée à tort « taxe AGEFIPH ») et l'optimise - jusqu'à 75&nbsp;% de réduction.</p>
        <div class="reg-cta-row">
            <a href="{{ route('audit') }}" class="btn-primary">Auditer ma contribution
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.25" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
            </a>
            <a href="{{ route('simulateur') }}" class="btn-ghost">Simuler mes économies</a>
        </div>
    </div>
</section>

{{-- CONTEXTE RÉGION --}}
<section class="reg-sec reg-bg-white">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="reg-wrap">
            <h2 class="reg-h2">Optimiser sa contribution AGEFIPH en {{ $data['name'] }}</h2>
            <p class="reg-p">{{ $data['angle'] }}</p>
            <p class="reg-p">Toute entreprise de la région atteignant 20 salariés doit employer l'équivalent de 6&nbsp;% de bénéficiaires de l'obligation d'emploi (BOETH). À défaut, elle verse une contribution annuelle à l'AGEFIPH, déclarée via la DSN. Un audit précis active tous les leviers légaux et sécurise la conformité face à la {{ $data['dreets'] }}.</p>
        </div>
    </div>
</section>

{{-- VILLES DE LA RÉGION --}}
@if(count($cities))
<section class="reg-sec reg-bg-light">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="reg-wrap">
            <h2 class="reg-h2">Nos pages villes en {{ $data['name'] }}</h2>
            <p class="reg-p">Découvrez notre accompagnement dans les principales villes de la région :</p>
        </div>
        <div class="reg-cities">
            @foreach($cities as $c)
            <a class="reg-city" href="{{ route('villes.show', $c['slug']) }}">
                <span>
                    <span class="reg-city-name">
                        <svg width="15" height="15" fill="none" stroke="#F5820A" stroke-width="2" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                        Audit AGEFIPH {{ $c['name'] }}
                    </span>
                    <span class="reg-city-dep">{{ $c['departement'] }} ({{ $c['dept_num'] }})</span>
                </span>
                <svg class="reg-city-arrow" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.25" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
            </a>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- LEVIERS --}}
<section class="reg-sec reg-bg-white">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="reg-wrap">
            <h2 class="reg-h2">Les leviers activés par votre audit</h2>
            <p class="reg-p">Notre audit identifie, chiffre et priorise chaque levier d'optimisation applicable à votre situation.</p>
        </div>
        <div class="reg-cards">
            @foreach([
                ['<path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>','Reconnaissance RQTH','Accompagner vos salariés déjà présents vers une RQTH : chaque reconnaissance réduit vos bénéficiaires manquants, à coût quasi nul.'],
                ['<path d="M20 7h-9m9 5h-9m9 5h-9M4 7h.01M4 12h.01M4 17h.01"/>','Secteur protégé (EA/ESAT)','Confier des prestations à des Entreprises Adaptées ou ESAT de la région : déductible d\'une large part de la contribution.'],
                ['<path d="M17 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M21 21v-2a4 4 0 0 0-3-3.87"/>','Recrutement & alternance','Intégrer des travailleurs handicapés en CDI, CDD, intérim ou alternance : le levier structurel qui fait durablement baisser la contribution.'],
                ['<circle cx="12" cy="12" r="10"/><path d="M12 8v8"/><path d="M8 12h8"/>','Dépenses d\'accessibilité déductibles','Vos dépenses d\'accessibilité (numérique, locaux, maintien dans l\'emploi) sont déductibles de votre contribution AGEFIPH, dans la limite de 10 % : un levier souvent oublié que l\'audit chiffre.'],
                ['<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 11l-3 3-2-2"/>','Sourcing de travailleurs handicapés','Nous cadrons votre sourcing de travailleurs handicapés en ' . e($data['name']) . ' : recrutement direct ou prestations au secteur adapté, pour relever votre taux d\'emploi et réduire la contribution.'],
            ] as [$icon,$t,$d])
            <div class="reg-card">
                <div class="reg-card-ic"><svg width="22" height="22" fill="none" stroke="#0D2B5E" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">{!! $icon !!}</svg></div>
                <h3 class="reg-card-h3">{{ $t }}</h3>
                <p class="reg-card-p">{!! $d !!}</p>
            </div>
            @endforeach
        </div>
    </div>
</section>

{{-- FAQ --}}
<section class="reg-sec reg-bg-white">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="reg-wrap">
            <h2 class="reg-h2">Questions fréquentes - AGEFIPH en {{ $data['name'] }}</h2>
            <div class="ville-faq">
                <div class="ville-faq-item">
                    <p class="ville-faq-q">Quelles entreprises de {{ $data['name'] }} sont concernées par la contribution AGEFIPH ?</p>
                    <p class="ville-faq-a">Toutes les entreprises de {{ $data['name'] }} employant 20 salariés et plus, qui n'atteignent pas le quota de 6&nbsp;% de travailleurs handicapés, versent une contribution à l'AGEFIPH.</p>
                </div>
                <div class="ville-faq-item">
                    <p class="ville-faq-q">Les dépenses d'accessibilité sont-elles déductibles de la contribution AGEFIPH en {{ $data['name'] }} ?</p>
                    <p class="ville-faq-a">Oui. Certaines dépenses d'accessibilité (accessibilité numérique, aménagement des locaux, maintien dans l'emploi) sont déductibles de votre contribution AGEFIPH, dans la limite de 10&nbsp;% du montant dû. Notre audit en {{ $data['name'] }} identifie et chiffre les dépenses éligibles.</p>
                </div>
                <div class="ville-faq-item">
                    <p class="ville-faq-q">Comment organiser le sourcing de travailleurs handicapés en {{ $data['name'] }} ?</p>
                    <p class="ville-faq-a">HAndipartner cadre votre sourcing de travailleurs handicapés dans toute la région {{ $data['name'] }} : recrutement direct de BOETH, alternance, ou externalisation de prestations au secteur adapté (entreprises adaptées, ESAT). Chaque voie relève votre taux d'emploi et réduit la contribution AGEFIPH.</p>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- MAILLAGE --}}
<section class="reg-sec reg-bg-light">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="reg-wrap">
            <h2 class="reg-h2">Aller plus loin</h2>
            <div class="reg-mesh">
                <a class="reg-chip" href="{{ route('regions.index') }}">Toutes les régions →</a>
                <a class="reg-chip" href="{{ route('villes.index') }}">Par ville →</a>
                <a class="reg-chip" href="{{ route('secteurs.index') }}">Par secteur →</a>
            </div>
        </div>
    </div>
</section>

{{-- CTA FINAL --}}
<section class="reg-cta-final">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 reg-cta-inner">
        <h2 class="reg-cta-h2">Auditez votre contribution AGEFIPH en {{ $data['name'] }}</h2>
        <p class="reg-cta-p">Un premier diagnostic gratuit, sans engagement, avec une estimation précise de votre potentiel d'optimisation sous 48&nbsp;heures.</p>
        <div class="reg-cta-center">
            <a href="{{ route('audit') }}" class="btn-primary">Demander mon audit gratuit
                <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.25" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
            </a>
            <a href="{{ route('contact') }}" class="btn-ghost">Nous contacter</a>
        </div>
    </div>
</section>

@endsection