{# Bloc urgence — banner gold pleine largeur (homepage + accents service pages).
   Layout :
     ┌─────────────────────────────────────────┐
     │ [texte + CTA]          [photo card]     │  ← row 1 : 2 colonnes
     ├─────────────────────────────────────────┤
     │ [          Maps card (full width)     ] │  ← row 2 : 1 colonne pleine largeur
     └─────────────────────────────────────────┘
   Les deux cards (photo + Maps) ont un gros border blanc. #}
{% set phoneRaw = siteParams.phone|default('04 73 28 74 74') %}
{% set phoneDigits = phoneRaw|replace({' ': '', '.': '', '-': '', '(': '', ')': ''}) %}
{% set img = img|default('images/atelier/atelier-technicien-extraction-flasque-detail-bw-tca.webp') %}

{% set _addr = (siteParams.address|default('25 Rue Joseph Desaymard'))
    ~ ' ' ~ (siteParams.postalCode|default('63000'))
    ~ ' ' ~ (siteParams.city|default('Clermont-Ferrand')) %}
{% set _mapsQuery = _addr|url_encode %}

<aside class="tca-urgence" aria-labelledby="urgence-title">
    <div class="tca-urgence__content">
        <h2 id="urgence-title" class="tca-urgence__title">Urgence production&nbsp;?</h2>
        <p class="tca-urgence__text">
            Votre moteur, votre pompe ou votre ligne de production est à l'arrêt&nbsp;? Nous intervenons dans les meilleurs délais en fonction de la criticité et de l'urgence.
        </p>
        <div class="tca-urgence__actions">
            <a href="tel:+33{{ phoneDigits|slice(1) }}" class="tca-btn tca-btn--outline-on-gold tca-btn--lg">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                {{ phoneRaw }}
            </a>
        </div>
    </div>

    {# Col droite : photo en card (border blanc, ombre). #}
    <div class="tca-urgence__photo-card">
        <img src="{{ asset(img) }}"
             alt="Technicien TCA Industries en intervention de dépannage"
             width="600" height="360"
             loading="lazy" decoding="async">
    </div>

    {# Row 2 pleine largeur : Google Maps, border blanc épais. #}
    <div class="tca-urgence__map-card">
        <iframe
            src="https://maps.google.com/maps?q={{ _mapsQuery }}&output=embed"
            title="Plan d'accès à TCA Industries : {{ _addr }}"
            loading="lazy"
            referrerpolicy="no-referrer-when-downgrade"
            aria-label="Carte Google Maps de l'emplacement de TCA Industries"></iframe>
    </div>
</aside>