@props([
    'label' => null,
    'variant' => 'primary',
    'artist' => null,
])

{{--
    Bouton de prise de rendez-vous. Sa destination dépend du mode choisi dans
    l'administration : le formulaire du site, ou directement la plateforme
    externe. Aucune vue ne doit tester le mode elle-même, sous peine de voir les
    boutons se désynchroniser d'une page à l'autre.

    `artist` pré-sélectionne un coiffeur dans le formulaire ; le paramètre est
    ignoré quand la destination est une plateforme externe, qui a sa propre
    façon de choisir l'intervenant.
--}}
@php
    $cta = $booking->primaryCta();
@endphp

@if ($cta !== null)
    @php
        $url = $cta['url'];

        if (! $cta['external'] && $artist !== null) {
            $url = route('site.booking', ['coiffeur' => $artist->slug]);
        }
    @endphp

    <a
        href="{{ $url }}"
        @if ($cta['external']) target="_blank" rel="noopener" @endif
        {{ $attributes->class([
            'btn' => $variant !== 'text',
            'btn-primary' => $variant === 'primary',
            'btn-outline' => $variant === 'outline',
            'btn-text' => $variant === 'text',
        ]) }}
    >
        {{ $label ?? $cta['label'] }}

        @if ($cta['external'])
            <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true">
                <path d="M7 17L17 7M17 7H9M17 7v8" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        @elseif ($variant === 'text')
            <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true">
                <path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
        @endif
    </a>
@endif