@props(['seller', 'product' => null, 'order' => null, 'variant' => 'primary'])

{{-- "Написать продавцу" — opens/continues the buyer↔seller dialogue (ТЗ §30.1).
     product/order — контекст: продавцу добавится служебная заметка «Чат открыт
     из товара/заказа …» (покупателю она не видна).

     variant=quiet — для мест, где рядом уже есть главное действие: в карточке
     товара синей должна быть только «В корзину», иначе человек выбирает между
     двумя одинаково громкими кнопками.

     Класс кнопки один на обе ветки, а переданные извне классы всегда достаются
     обёртке: раньше у гостя они уезжали на саму кнопку, и отступ, рассчитанный
     на форму, ломал ей вид. --}}
@php($chatButtonClass = 'inline-flex w-full items-center justify-center gap-2 rounded-[var(--radius-md)] px-6 text-sm font-bold transition '.($variant === 'quiet'
    ? 'bg-[var(--color-canvas)] py-2.5 text-[var(--color-ink)] hover:bg-[var(--color-primary-soft)] hover:text-[var(--color-primary)]'
    : 'border-[1.5px] border-[var(--color-primary)] bg-white py-3 text-[var(--color-primary)] hover:bg-[var(--color-primary-soft)]'))

@auth
    <form method="POST" action="{{ route('account.chat.start') }}" {{ $attributes }}>
        @csrf
        <input type="hidden" name="seller" value="{{ $seller->slug }}">
        @if ($product)
            <input type="hidden" name="product" value="{{ $product->id }}">
        @endif
        @if ($order)
            <input type="hidden" name="order" value="{{ $order->id }}">
        @endif
        <button type="submit" class="{{ $chatButtonClass }}">
            <i data-lucide="message-circle" class="h-4 w-4"></i> Написать продавцу
        </button>
    </form>
@else
    <div {{ $attributes }}>
        <button type="button" @click="$store.authModal.show()" class="{{ $chatButtonClass }}">
            <i data-lucide="message-circle" class="h-4 w-4"></i> Написать продавцу
        </button>
    </div>
@endauth