@props(['ad'])

@php $btnClass = 'absolute right-2.5 top-2.5 z-10 grid h-[34px] w-[34px] place-items-center rounded-full bg-white/[0.86] text-[18px] backdrop-blur-[2px] transition icon-thin'; @endphp

@auth
    <button type="button"
            x-data="favBtn({{ $ad->id }}, {{ in_array($ad->id, $favoriteIds ?? []) ? 'true' : 'false' }})"
            @click.prevent.stop="toggle()"
            class="{{ $btnClass }}"
            :class="{ 'opacity-60': busy, 'text-[#ef4146] [&_svg]:fill-current': fav, 'text-gray-700': !fav }"
            aria-label="В избранное">
        <i data-lucide="heart"></i>
    </button>
@else
    <a href="{{ route('login') }}" @click.stop class="{{ $btnClass }} text-gray-700 hover:text-[#ef4146]" aria-label="В избранное">
        <i data-lucide="heart"></i>
    </a>
@endauth