@props([
    'connection',
    'ad',
    'destinationConnections' => collect(),
    'redirectTo' => 'show',
])

<div class="inline-flex items-center justify-end gap-1">
    @include('integrations.meta.partials.ad-config-modal', [
        'connection' => $connection,
        'ad' => $ad,
        'redirectTo' => $redirectTo,
        'variant' => 'table',
    ])

    @if ($destinationConnections->isNotEmpty())
        @include('integrations.meta.partials.ad-copy-modal', [
            'connection' => $connection,
            'ad' => $ad,
            'destinationConnections' => $destinationConnections,
            'redirectTo' => $redirectTo,
            'variant' => 'table',
        ])
    @endif

    <a href="{{ route('integrations.meta.ads.show', [$connection, $ad]) }}"
       class="inline-flex items-center justify-center rounded-md border border-rose-200 p-2 text-[#E83646] hover:bg-rose-50"
       title="Ouvrir les details"
       aria-label="Ouvrir les details">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path d="M10 3c-4.5 0-8.06 2.94-9.5 7 1.44 4.06 5 7 9.5 7s8.06-2.94 9.5-7c-1.44-4.06-5-7-9.5-7zm0 11a4 4 0 110-8 4 4 0 010 8z"/>
            <path d="M10 8a2 2 0 100 4 2 2 0 000-4z"/>
        </svg>
    </a>
</div>