@extends('layouts.app')

@section('title', 'Audit AGEFIPH par région - Optimisation de la contribution AGEFIPH dans toutes les régions')
@section('description', 'HAndipartner optimise votre contribution AGEFIPH dans toutes les régions : Île-de-France, Auvergne-Rhône-Alpes, Nouvelle-Aquitaine, Occitanie, PACA… Réduction de la contribution AGEFIPH, conformité OETH, audit gratuit sous 48h.')

@section('structured_data')
<script type="application/ld+json">
{
    "@@context": "https://schema.org",
    "@@type": "ItemList",
    "name": "Audit AGEFIPH par région - HAndipartner",
    "itemListElement": [
        @foreach($regions as $slug => $r)
        { "@@type": "ListItem", "position": {{ $loop->iteration }}, "name": "Audit AGEFIPH {{ $r['name'] }}", "url": "{{ route('regions.show', $slug) }}" }@if(!$loop->last),@endif
        @endforeach
    ]
}
</script>
@endsection

@section('content')

<style>
    .rh-hero { background:#0D2B5E; padding:clamp(3rem,6vw,4.5rem) 0; }
    .rh-eyebrow { display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.1rem; }
    .rh-eyebrow-line { width:26px;height:1.5px;background:#F5820A; }
    .rh-eyebrow-txt { font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7FA7E0; }
    .rh-h1 { font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin:0 0 1rem;letter-spacing:-.022em; }
    .rh-sub { font-size:1.02rem;color:#9FB8DC;line-height:1.7;max-width:640px;margin:0; }
    .rh-sec { padding:clamp(2.5rem,5vw,4rem) 0;background:#F8FBFF; }
    .rh-intro { max-width:820px;margin:0 0 2rem; }
    .rh-intro p { font-size:.98rem;line-height:1.8;color:#475569;margin:0 0 1rem; }
    .rh-grid { display:grid;grid-template-columns:1fr;gap:1rem; }
    .rh-card { display:block;text-decoration:none;background:#fff;border:1px solid #E6ECF5;border-radius:14px;padding:1.4rem 1.5rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
    .rh-card:hover { transform:translateY(-3px);box-shadow:0 14px 34px rgba(13,43,94,.10);border-color:#CBD8EC; }
    .rh-card-name { font-size:1.05rem;font-weight:800;color:#091E42;margin:0 0 .2rem;display:flex;align-items:center;gap:.5rem; }
    .rh-card-count { font-size:.78rem;color:#7C8AA3;margin:0 0 .6rem; }
    .rh-card-link { font-size:.78rem;font-weight:700;color:#1A4B9C;display:inline-flex;align-items:center;gap:5px; }
    .rh-cta-final { background:#091E42; }
    .rh-cta-inner { padding:clamp(2.5rem,4vw,3.5rem) 0;text-align:center; }
    .rh-cta-h2 { font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff;margin:0 0 1rem; }
    .rh-cta-p { color:#9FB8DC;margin:0 auto 1.75rem;max-width:520px;font-size:.98rem;line-height:1.7; }
    .rh-cta-center { display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center; }
    @media (min-width:640px){ .rh-grid { grid-template-columns:1fr 1fr; } }
    @media (min-width:1024px){ .rh-grid { grid-template-columns:1fr 1fr 1fr; } }
</style>

<section class="rh-hero">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="rh-eyebrow">
            <span class="rh-eyebrow-line"></span>
            <span class="rh-eyebrow-txt">Toutes les régions · Audit gratuit sous 48h</span>
        </div>
        <h1 class="rh-h1">Audit AGEFIPH par région</h1>
        <p class="rh-sub">Basés à Bordeaux, nous accompagnons les entreprises de plus de 20 salariés dans toutes les régions françaises pour auditer et optimiser leur contribution AGEFIPH (souvent appelée à tort « taxe AGEFIPH »).</p>
    </div>
</section>

<section class="rh-sec">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="rh-intro">
            <p>L'obligation d'emploi de travailleurs handicapés (OETH) s'applique à toutes les entreprises françaises de 20 salariés et plus. HAndipartner, cabinet spécialisé du groupe HANDIVIA, réalise un audit précis de votre contribution AGEFIPH et active tous les leviers légaux pour la réduire - jusqu'à 75&nbsp;%.</p>
            <p>Choisissez votre région :</p>
        </div>

        <div class="rh-grid">
            @foreach($regions as $slug => $r)
            <a class="rh-card" href="{{ route('regions.show', $slug) }}">
                <p class="rh-card-name">
                    <svg width="16" height="16" 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>
                    {{ $r['name'] }}
                </p>
                <p class="rh-card-count">@if(($counts[$slug] ?? 0) > 0){{ $counts[$slug] }} ville{{ $counts[$slug] > 1 ? 's' : '' }} · @endif{{ $r['dreets'] }}</p>
                <span class="rh-card-link">Audit AGEFIPH {{ $r['name'] }}
                    <svg width="12" height="12" 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>
                </span>
            </a>
            @endforeach
        </div>
    </div>
</section>

<section class="rh-cta-final">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 rh-cta-inner">
        <h2 class="rh-cta-h2">Où que vous soyez en France</h2>
        <p class="rh-cta-p">Demandez votre audit AGEFIPH gratuit et obtenez une estimation de votre potentiel d'optimisation sous 48&nbsp;heures.</p>
        <div class="rh-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('villes.index') }}" class="btn-ghost">Voir par ville</a>
        </div>
    </div>
</section>

@endsection