{{-- Fiche de contact d'un organisme d'accompagnement : toutes les coordonnées
     (adresse, téléphone, email, site) sans AUCUN lien sortant, le visiteur
     reste sur le site. Le téléphone (tel:) et l'email (mailto:) restent
     cliquables : ils ouvrent une application, pas un site tiers. --}}
@props(['organisme'])

<div class="text-sm">
    <div class="font-semibold text-title">{{ $organisme['nom'] }}</div>
    <p class="mt-0.5 text-muted">{{ $organisme['description'] }}</p>
    <div class="mt-1 flex flex-wrap gap-x-4 gap-y-0.5 text-muted">
        @if (!empty($organisme['adresse']))
            <span>{{ $organisme['adresse'] }}</span>
        @endif
        @if (!empty($organisme['telephone']))
            <a href="tel:{{ str_replace(' ', '', $organisme['telephone']) }}" class="text-rep-blue no-underline hover:underline">{{ $organisme['telephone'] }}</a>
        @endif
        @if (!empty($organisme['email']))
            <a href="mailto:{{ $organisme['email'] }}" class="text-rep-blue no-underline hover:underline">{{ $organisme['email'] }}</a>
        @endif
        @if (!empty($organisme['site']))
            <span class="font-medium text-ink">{{ $organisme['site'] }}</span>
        @endif
    </div>
</div>