{{--
    Botão "Favoritar" — 100% client-side, sem login e sem banco (ver
    pedido: favoritos guardados só no localStorage do navegador do
    cidadão, nunca em tabela nova). Grava só o mínimo pra montar um link
    depois: tipo, id, url pública e um título curto. Nunca PDF, nunca
    conteúdo completo, nunca dado pessoal.

    Uso: <x-transparencia.favoritar tipo="lei" :id="$lei->id" :url="route('transparencia.leis.show', $lei)" :titulo="$lei->identificacao()" />
--}}
@props(['tipo', 'id', 'url', 'titulo'])
@php($idUnico = 'favoritar-'.uniqid())

<button type="button" id="{{ $idUnico }}" class="t-btn outline sm t-favoritar-btn"
    data-tipo="{{ $tipo }}" data-id="{{ $id }}" data-url="{{ $url }}" data-titulo="{{ $titulo }}"
    aria-pressed="false">
    <i class="fa-regular fa-star"></i> <span class="t-favoritar-texto">Favoritar</span>
</button>

<script>
    (function () {
        var CHAVE = 'leggov_cidadao_favoritos';
        var btn = document.getElementById('{{ $idUnico }}');
        if (!btn) return;

        function lerFavoritos() {
            try {
                var brutos = localStorage.getItem(CHAVE);

                return brutos ? JSON.parse(brutos) : [];
            } catch (e) {
                return [];
            }
        }

        function salvarFavoritos(lista) {
            try {
                localStorage.setItem(CHAVE, JSON.stringify(lista));
            } catch (e) { /* localStorage indisponível (modo privado etc.) — ignora silenciosamente */ }
        }

        function estaFavoritado(lista) {
            return lista.some(function (f) { return f.tipo === btn.dataset.tipo && String(f.id) === String(btn.dataset.id); });
        }

        function atualizarVisual(favoritado) {
            var icone = btn.querySelector('i');
            var texto = btn.querySelector('.t-favoritar-texto');
            btn.setAttribute('aria-pressed', favoritado ? 'true' : 'false');
            icone.className = favoritado ? 'fa-solid fa-star' : 'fa-regular fa-star';
            texto.textContent = favoritado ? 'Favoritado' : 'Favoritar';
        }

        atualizarVisual(estaFavoritado(lerFavoritos()));

        btn.addEventListener('click', function () {
            var lista = lerFavoritos();
            var jaFavoritado = estaFavoritado(lista);

            if (jaFavoritado) {
                lista = lista.filter(function (f) { return !(f.tipo === btn.dataset.tipo && String(f.id) === String(btn.dataset.id)); });
            } else {
                lista.push({ tipo: btn.dataset.tipo, id: btn.dataset.id, url: btn.dataset.url, titulo: btn.dataset.titulo });
            }

            salvarFavoritos(lista);
            atualizarVisual(!jaFavoritado);
        });
    })();
</script>