@props(['issueUrl', 'isIgnored'])
<div x-data="{
        toggleIgnoredUrl(issueUrl){
            let ignoredUrls = JSON.parse(localStorage.getItem('ignoreUrl')) ?? [];

            let ignore = false;

            if (ignoredUrls.includes(issueUrl)) {
                ignoredUrls = ignoredUrls.filter(ignoredUrl => ignoredUrl !== issueUrl);
            } else {
                ignoredUrls.push(issueUrl);
                ignore = true;
            }

            localStorage.setItem('ignoreUrl', JSON.stringify(ignoredUrls));

            getIgnoredUrls();

            $dispatch('notify', {
                content: ignore ? 'Issue ignored' : 'Issue un-ignored',
                type: 'success'
            })
        }
     }"
>
    <button
        @click="toggleIgnoredUrl('{{$issueUrl}}');"
        class="flex-1 border text-gray-400 hover:bg-gray-100 dark:border-slate-600 dark:hover:bg-slate-600 font-bold px-3 py-2 ml-1 rounded-md outline-none focus:outline-none ease-linear transition-all duration-150"
        type="button"
    >
        @if($isIgnored)
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
                <path stroke-linecap="round" stroke-linejoin="round" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
            </svg>
        @else
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
                 stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round"
                      d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
            </svg>
        @endif
    </button>

</div>
