@extends('layouts.app')

@section('title', 'Audit AGEFIPH par secteur d\'activité - Industrie, distribution, santé, BTP…')
@section('description', 'HAndipartner optimise votre contribution AGEFIPH secteur par secteur : industrie, grande distribution, santé, BTP, transport, banque, numérique… Leviers spécifiques, audit gratuit sous 48h.')

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

@section('content')

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

<section class="sh-hero">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="sh-eyebrow">
            <span class="sh-eyebrow-line"></span>
            <span class="sh-eyebrow-txt">Tous secteurs · Audit gratuit sous 48h</span>
        </div>
        <h1 class="sh-h1">Audit AGEFIPH par secteur d'activité</h1>
        <p class="sh-sub">Chaque secteur a ses réalités face à l'obligation d'emploi : ECAP, pénibilité, gisement RQTH, sous-traitance. HAndipartner adapte l'audit et le plan d'optimisation à votre métier.</p>
    </div>
</section>

<section class="sh-sec">
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="sh-intro">
            <p>La contribution AGEFIPH concerne toutes les entreprises de 20 salariés et plus, mais les leviers d'optimisation ne pèsent pas de la même façon selon les secteurs. HAndipartner, cabinet spécialisé du groupe HANDIVIA, chiffre pour vous les leviers les plus pertinents à votre activité.</p>
            <p>Choisissez votre secteur :</p>
        </div>

        <div class="sh-grid">
            @foreach($sectors as $slug => $s)
            <a class="sh-card" href="{{ route('secteurs.show', $slug) }}">
                <p class="sh-card-name">
                    <svg width="16" height="16" fill="none" stroke="#F5820A" stroke-width="2" viewBox="0 0 24 24"><path d="M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6"/></svg>
                    {{ $s['name'] }}
                </p>
                <p class="sh-card-p">Audit &amp; optimisation de la contribution AGEFIPH {{ $s['label'] }}.</p>
                <span class="sh-card-link">Voir le secteur
                    <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="sh-cta-final">
    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 sh-cta-inner">
        <h2 class="sh-cta-h2">Votre secteur, votre plan d'optimisation</h2>
        <p class="sh-cta-p">Obtenez un diagnostic gratuit adapté à votre activité et une estimation de votre potentiel d'économie sous 48&nbsp;heures.</p>
        <div class="sh-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