{{--
    Composant StickyActions — porte de maquettes/StickyActions.dc.html
    Barre d'actions flottante, ancree a droite de l'ecran.

    Props (mapping avec les attributs dc-import releves dans les 13 pages) :
    - emplois     (bool, defaut false) : variante "offre d'emploi" (Voir les offres / Postuler)
    - partner     (bool, defaut false) : variante "partenaire" (Devenir partenaire / Etre contacte)
    - callback    (bool, defaut false) : dans la variante standard, remplace le bloc
                    telephone par "Etre rappele" (ouvre le formulaire de rappel)
    - hide-biens  (bool, defaut false) : masque le bloc "Decouvrez nos biens" (variante standard)
    - hide-terrain(bool, defaut false) : masque le bloc "Estimez votre terrain" (variante standard)

    NB : dans la maquette, emplois et partner s'excluent mutuellement avec la
    variante standard (showStandard = !emplois && !partner). Les actions
    on-apply / on-partner / on-contact / on-rappel de la maquette ouvraient des
    modales JS cote client (DCLogic) ; ici elles pointent vers les ancres de
    formulaire correspondantes de la page (ex: #postuler, #part-form) ou, pour
    "Etre contacte" (variante partner), ouvrent la modale generique
    <x-modale-lead type="rappel"> via data-ouvre-modale="rappel" (Lot 7a :
    la page Partenaires n'a pas de section #contact, la maquette prevoit une
    modale "Etre rappele" a la place — voir maquettes/Partenaires.dc.html).

    Variantes recensees par page (grep dc-import name="StickyActions") :
    - Accueil            : aucune prop -> standard complet (tel + biens + terrain)
    - Actualites          : aucune prop -> standard complet
    - Investir            : aucune prop -> standard complet
    - Qui-sommes-nous     : aucune prop -> standard complet
    - Acheter             : callback + hide-biens -> standard (rappel, terrain, sans biens)
    - Vendre-mon-terrain  : hide-terrain -> standard (tel, biens, sans terrain)
    - Contact             : callback -> standard (rappel, biens, terrain)
    - Offre               : emplois -> variante emplois
    - Offres              : emplois -> variante emplois
    - Recrutement         : emplois -> variante emplois
    - Partenaires         : partner -> variante partenaire
    - Bien                : composant absent de cette page dans la maquette
                            (aucun dc-import StickyActions dans Bien.dc.html)

    LOT MOBILE M1 (decision client 2026-07-03) : en dessous de 1024px, ce
    composant passe d'une colonne verticale ancree a droite (desktop, position
    inchangee) a une barre HORIZONTALE FIXE en bas de l'ecran
    (.biome-sticky-actions dans mobile.css), limitee a 2 actions maximum.
    Les blocs non retenus restent dans le DOM (regle d'or : pas de suppression
    de contenu) mais recoivent .biome-masquer-tablette-mobile. 2 actions
    retenues par variante, en coherence avec le desktop :
    - standard (sans callback) : "Nous contacter" + "Decouvrez nos biens" (ou
                  "Estimez votre terrain" si hide-biens actif, ex page Acheter).
                  Le bloc telephone (tel:) est masque en mobile : "Nous
                  contacter" (formulaire) reste l'action de contact retenue,
                  le tel: restant disponible en desktop.
    - standard (callback actif, ex Acheter/Contact) : "Nous contacter" +
                  "Etre rappele" (le bloc telephone n'existe deja plus dans
                  cette sous-variante, voir showPhone = !callback plus bas).
    - emplois   : "Voir les offres" + "Postuler spontanement"
    - partner   : "Devenir partenaire" + "Etre contacte" (les 2 seuls blocs de
                  cette variante, rien a masquer)
    Voir docs/mobile-strategie.md pour le detail par variante.
--}}
@props([
    'emplois' => false,
    'partner' => false,
    'callback' => false,
    'hideBiens' => false,
    'hideTerrain' => false,
])

@php
    $isEmplois = (bool) $emplois;
    $isPartner = (bool) $partner;
    $showStandard = ! $isEmplois && ! $isPartner;
    $isCallback = (bool) $callback;
    $showPhone = ! $isCallback;
    $showBiens = ! $hideBiens;
    $showTerrain = ! $hideTerrain;

    // LOT MOBILE M1 : 2 actions max retenues en barre basse mobile/tablette
    // (voir docs/mobile-strategie.md). Les blocs non retenus recoivent
    // .biome-masquer-tablette-mobile (restent dans le DOM, masques en CSS).
    // "Nous contacter" est toujours la 1ere action retenue en variante
    // standard ; la 2e est "Etre rappele" si callback est actif, sinon
    // "Decouvrez nos biens" (ou "Estimez votre terrain" si hide-biens).
    $mobileGardeTerrain = ! $isCallback && ! $showBiens && $showTerrain;
@endphp

<div class="biome-sticky-actions{{ $partner ? ' biome-sticky-actions--partner' : '' }}" style="position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;width:138px;border-radius:14px 0 0 14px;overflow:hidden;box-shadow:var(--ombre-sticky-actions);font-family:var(--police-texte);">

    @if ($isPartner)
        <a href="#part-form" class="biome-sticky__item biome-sticky__item--fonce" style="background:var(--couleur-bleu-fonce);padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;cursor:pointer;transition:background var(--transition-standard);">
            <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" aria-hidden="true"><path d="M14.5 9.5 12 12l-2.5-2.5a2.1 2.1 0 0 1 3-3l.5.5.5-.5a2.1 2.1 0 0 1 3 3L14.5 12M7 13l-3 3 4 4 3-3"/></svg>
            <span style="font-size:13px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">Devenir<br>partenaire</span>
        </a>
        <button type="button" data-ouvre-modale="rappel" class="biome-sticky__item biome-sticky__item--principal" style="background:var(--couleur-bleu-principal);padding:22px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;cursor:pointer;transition:background var(--transition-standard);border:none;width:100%;">
            <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6.5 4h-2A1.5 1.5 0 0 0 3 5.5C3 13.5 10.5 21 18.5 21A1.5 1.5 0 0 0 20 19.5v-2a1.5 1.5 0 0 0-1.2-1.47l-2.5-.5a1.5 1.5 0 0 0-1.5.66l-.7 1.05A11.3 11.3 0 0 1 7.3 12.9l1.05-.7a1.5 1.5 0 0 0 .66-1.5l-.5-2.5A1.5 1.5 0 0 0 6.5 4Z" fill="#fff"/></svg>
            <span style="font-size:13px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">&Ecirc;tre<br>contact&eacute;</span>
        </button>
    @endif

    @if ($isEmplois)
        <a href="{{ route('offres') }}" class="biome-sticky__item biome-sticky__item--fonce" style="background:var(--couleur-bleu-fonce);padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:background var(--transition-standard);">
            <span style="font-size:24px;line-height:1;" aria-hidden="true">&#128203;</span>
            <span style="font-size:13px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">Voir les<br>offres</span>
        </a>
        <a href="#postuler" data-ouvre-candidature class="biome-sticky__item biome-sticky__item--principal" style="background:var(--couleur-bleu-principal);padding:22px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;cursor:pointer;transition:background var(--transition-standard);">
            <span style="font-size:24px;line-height:1;" aria-hidden="true">&#128232;</span>
            <span style="font-size:13px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">Postuler<br>spontan&eacute;ment</span>
        </a>
    @endif

    @if ($showStandard)
        @if ($showPhone)
            {{-- Mobile : masque, "Nous contacter" reste l'action de contact retenue (voir plus haut) --}}
            <a href="tel:{{ config('site.telephone_lien') }}" class="biome-sticky__item biome-sticky__item--fonce biome-masquer-tablette-mobile" style="background:var(--couleur-bleu-fonce);padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:background var(--transition-standard);">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6.5 4h-2A1.5 1.5 0 0 0 3 5.5C3 13.5 10.5 21 18.5 21A1.5 1.5 0 0 0 20 19.5v-2a1.5 1.5 0 0 0-1.2-1.47l-2.5-.5a1.5 1.5 0 0 0-1.5.66l-.7 1.05A11.3 11.3 0 0 1 7.3 12.9l1.05-.7a1.5 1.5 0 0 0 .66-1.5l-.5-2.5A1.5 1.5 0 0 0 6.5 4Z" fill="#fff"/></svg>
                <span style="font-size:13px;font-weight:800;color:#fff;text-align:center;line-height:1.25;">{{ config('site.telephone') }}</span>
            </a>
        @endif

        @if ($isCallback)
            {{-- Mobile : conservee (2e action retenue de la variante "callback") --}}
            <button type="button" data-ouvre-modale="rappel" class="biome-sticky__item biome-sticky__item--fonce" style="background:var(--couleur-bleu-fonce);padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;cursor:pointer;transition:background var(--transition-standard);border:none;width:100%;">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6.5 4h-2A1.5 1.5 0 0 0 3 5.5C3 13.5 10.5 21 18.5 21A1.5 1.5 0 0 0 20 19.5v-2a1.5 1.5 0 0 0-1.2-1.47l-2.5-.5a1.5 1.5 0 0 0-1.5.66l-.7 1.05A11.3 11.3 0 0 1 7.3 12.9l1.05-.7a1.5 1.5 0 0 0 .66-1.5l-.5-2.5A1.5 1.5 0 0 0 6.5 4Z" fill="#fff"/></svg>
                <span style="font-size:13.5px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">&Ecirc;tre<br>rappel&eacute;</span>
            </button>
        @endif

        {{-- Mobile : toujours conservee (1ere action retenue de la variante standard) --}}
        <a href="{{ route('contact') }}" class="biome-sticky__item biome-sticky__item--fonce" style="background:var(--couleur-bleu-fonce);border-top:1px solid rgba(255,255,255,.12);padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:background var(--transition-standard);">
            <svg width="27" height="27" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg>
            <span style="font-size:13.5px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">Nous<br>contacter</span>
        </a>

        @if ($showBiens)
            {{-- Mobile : masque si callback actif (deja 2 actions retenues : contact + rappel) --}}
            <a href="{{ route('acheter') }}" class="biome-sticky__item biome-sticky__item--principal{{ $isCallback ? ' biome-masquer-tablette-mobile' : '' }}" style="background:var(--couleur-bleu-principal);padding:22px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:background var(--transition-standard);">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 11.2 12 4l9 7.2M5.4 10.2V20h13.2v-9.8"/></svg>
                <span style="font-size:13.5px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">D&eacute;couvrez<br>nos biens</span>
            </a>
        @endif

        @if ($showTerrain)
            {{-- Mobile : conservee seulement si biens absent (hide-biens) et callback inactif, sinon masquee (2 actions deja retenues) --}}
            <a href="{{ route('vendre-mon-terrain') }}" class="biome-sticky__item biome-sticky__item--clair{{ $mobileGardeTerrain ? '' : ' biome-masquer-tablette-mobile' }}" style="background:var(--couleur-bleu-clair);padding:22px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:background var(--transition-standard);">
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z"/><circle cx="12" cy="10" r="2.4"/></svg>
                <span style="font-size:13.5px;font-weight:800;color:#fff;text-align:center;line-height:1.2;">Estimez<br>votre terrain</span>
            </a>
        @endif
    @endif

</div>