{{-- Bloc de partage compact : petites icônes rondes vers les réseaux qui
     acceptent une URL (Facebook, X, LinkedIn, WhatsApp, Telegram, email) +
     copie du lien. Discret : la page reste l'héroïne, pas le bloc.
     Aucune donnée n'est chargée depuis les réseaux : simples liens sortants
     d'intention de partage, ouverts dans un nouvel onglet. --}}
@props([
    'titre' => null, // titre partagé ; à défaut, le title de la page
])

@php
    $url = request()->url();
    $texte = $titre ?? '';
    $u = urlencode($url);
    $t = urlencode($texte);

    $reseaux = [
        ['nom' => 'Facebook', 'href' => "https://www.facebook.com/sharer/sharer.php?u={$u}", 'd' => 'M13.5 9H15V6.5h-1.5c-1.93 0-3.5 1.57-3.5 3.5v1.5H8V14h2v5.5h2.5V14h2l.5-2.5h-2.5V10c0-.55.45-1 1-1Z'],
        ['nom' => 'X', 'href' => "https://twitter.com/intent/tweet?url={$u}&text={$t}", 'd' => 'M8.2 7h2.3l2.1 3 2.6-3h2.6l-3.9 4.5L18 17h-2.3l-2.4-3.4L10.4 17H7.8l4.2-4.9L8.2 7Z'],
        ['nom' => 'LinkedIn', 'href' => "https://www.linkedin.com/shareArticle?mini=true&url={$u}&title={$t}", 'd' => 'M8.5 10.5H6.75V17H8.5v-6.5ZM7.6 9.6a1.05 1.05 0 1 0 0-2.1 1.05 1.05 0 0 0 0 2.1Zm3.15.9H9.5V17h1.75v-3.4c0-.92.6-1.35 1.2-1.35s1.05.43 1.05 1.3V17h1.75v-3.9c0-1.8-1-2.7-2.35-2.7-1 0-1.6.55-1.9 1v-.9Z'],
        ['nom' => 'WhatsApp', 'href' => "https://wa.me/?text={$t}%20{$u}", 'd' => 'M12 6.5A5.5 5.5 0 0 0 7.3 14.9L6.5 17.5l2.7-.75A5.5 5.5 0 1 0 12 6.5Zm0 1.5a4 4 0 1 1-2.1 7.4l-.3-.18-1.2.33.34-1.16-.2-.32A4 4 0 0 1 12 8Zm-1.4 1.9c-.14 0-.33.05-.5.24-.17.19-.65.63-.65 1.54 0 .9.67 1.78.76 1.9.1.13 1.3 2.06 3.2 2.7 1.6.52 1.9.42 2.25.39.35-.03 1.12-.46 1.28-.9.16-.45.16-.83.11-.9-.05-.08-.18-.13-.37-.22-.19-.1-1.12-.55-1.3-.61-.17-.06-.3-.1-.42.09-.13.19-.49.61-.6.74-.1.13-.22.14-.4.05-.2-.1-.8-.3-1.53-.94-.57-.5-.95-1.12-1.06-1.3-.1-.2-.01-.3.08-.4.09-.08.2-.22.3-.33.09-.11.12-.19.18-.32.06-.13.03-.24-.02-.33-.05-.1-.4-1.03-.57-1.4-.15-.33-.3-.29-.42-.3h-.32Z'],
        ['nom' => 'Telegram', 'href' => "https://t.me/share/url?url={$u}&text={$t}", 'd' => 'M17.3 7.3 6.9 11.3c-.6.24-.58.6-.1.75l2.6.8 1 3.1c.12.34.22.47.45.47.23 0 .33-.1.46-.23l1.25-1.2 2.6 1.9c.48.27.83.13.95-.44l1.7-8.1c.17-.7-.27-1.02-.81-.75Zm-6.6 5.2 5.4-3.4c.27-.17.52-.08.32.1l-4.6 4.16-.18 1.9-.94-2.76Z'],
        ['nom' => 'Email', 'href' => "mailto:?subject={$t}&body={$u}", 'd' => 'M6.5 8h11c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-7c0-.28.22-.5.5-.5Zm.9 1.2 4.6 3.4 4.6-3.4M7 15.5l3.4-3M17 15.5l-3.4-3'],
    ];
@endphp

<div {{ $attributes->merge(['class' => 'flex flex-wrap items-center gap-1.5']) }} data-partager>
    <span class="mr-1 text-xs font-bold uppercase tracking-wider text-muted">Partager</span>
    @foreach ($reseaux as $r)
        <a href="{{ $r['href'] }}" target="_blank" rel="noopener noreferrer"
           aria-label="Partager sur {{ $r['nom'] }}" title="{{ $r['nom'] }}"
           class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-line bg-paper text-muted transition hover:border-rep-blue hover:text-rep-blue">
            <svg viewBox="0 0 24 24" class="h-5 w-5" fill="{{ $r['nom'] === 'Email' ? 'none' : 'currentColor' }}"
                 @if($r['nom'] === 'Email') stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" @endif>
                <path d="{{ $r['d'] }}"/>
            </svg>
        </a>
    @endforeach
    <button type="button" data-copier-lien data-url="{{ $url }}"
            aria-label="Copier le lien" title="Copier le lien"
            class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-line bg-paper text-muted transition hover:border-ok hover:text-ok">
        <svg viewBox="0 0 24 24" class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
            <path d="M10.5 13.5a3 3 0 0 0 4.24 0l2.83-2.83a3 3 0 1 0-4.24-4.24l-1.1 1.1M13.5 10.5a3 3 0 0 0-4.24 0l-2.83 2.83a3 3 0 1 0 4.24 4.24l1.1-1.1"/>
        </svg>
    </button>
    <span class="hidden text-xs font-semibold text-ok" data-copie-ok>Lien copié !</span>
</div>