@props(['fund'])

@php
    $cookie = \Illuminate\Support\Facades\Cookie::get('guest_favorite_fund_ids', '[]');
    $ids = json_decode($cookie, true);
    if (!is_array($ids)) { $ids = []; }
    $ids = array_map('intval', $ids);
    $isFav = in_array($fund->id, $ids, true);
@endphp

<div class="ml-2">
    @if($isFav)
        <form method="POST" action="{{ route('guest.favorites.remove', $fund) }}">
            @csrf
            @method('DELETE')
            <button type="submit" title="お気に入りから削除" class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-red-50 hover:bg-red-100">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 text-red-600">
                    <path d="M11.645 20.91l-.007-.003-.022-.01a15.247 15.247 0 01-.383-.173 25.18 25.18 0 01-4.244-2.594C4.688 16.251 2.25 13.427 2.25 9.75 2.25 7.093 4.343 5 7 5c1.47 0 2.86.634 3.813 1.707L12 7.97l1.188-1.263C14.14 5.634 15.53 5 17 5c2.657 0 4.75 2.093 4.75 4.75 0 3.677-2.438 6.5-4.739 8.38a25.18 25.18 0 01-4.244 2.594 15.247 15.247 0 01-.383.173l-.022.01-.007.003a.75.75 0 01-.61 0z" />
                </svg>
            </button>
        </form>
    @else
        <form method="POST" action="{{ route('guest.favorites.add', $fund) }}">
            @csrf
            <button type="submit" title="お気に入りに追加" class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-gray-100 hover:bg-gray-200">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-gray-600">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 11.25 9 11.25s9-4.03 9-11.25z" />
                </svg>
            </button>
        </form>
    @endif
</div>