{{--
    Botão "Compartilhar" reutilizável — pensado só pra páginas de detalhe
    (Lei, Matéria, Sessão, Vereador), nunca pra linhas de listagem. Usa
    navigator.share() no celular quando disponível, incluindo um texto
    estruturado (identificação + nome da Câmara), não só a URL crua —
    ex.: "Lei nº 2.573/2008 — Câmara Municipal de Arapiraca". Sem
    navigator.share, copia esse mesmo texto + link pra área de
    transferência. Sempre a URL pública atual — nunca dado interno.

    Uso: <x-transparencia.compartilhar :url="route('transparencia.leis.show', $lei)" :titulo="$lei->identificacao()" />
--}}
@props(['url', 'titulo' => null])
@php($idUnico = 'compartilhar-'.uniqid())
@php($nomeCamara = \App\Models\Configuracao::atual()->nome_camara)

<button type="button" id="{{ $idUnico }}" class="t-btn outline sm"
    data-url="{{ $url }}" data-camara="{{ $nomeCamara }}" @if($titulo) data-titulo="{{ $titulo }}" @endif>
    <i class="fa-solid fa-share-nodes"></i> <span class="t-compartilhar-texto">Compartilhar</span>
</button>

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

        btn.addEventListener('click', function () {
            var url = btn.dataset.url;
            var titulo = btn.dataset.titulo || document.title;
            var camara = btn.dataset.camara || '';
            var textoEstruturado = camara ? (titulo + '\n' + camara) : titulo;
            var texto = btn.querySelector('.t-compartilhar-texto');

            if (navigator.share) {
                navigator.share({ title: titulo, text: textoEstruturado, url: url }).catch(function () { /* usuário cancelou — nada a fazer */ });
                return;
            }

            var paraCopiar = textoEstruturado + '\n' + url;

            if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(paraCopiar).then(function () {
                    var original = texto.textContent;
                    texto.textContent = 'Link copiado!';
                    setTimeout(function () { texto.textContent = original; }, 2000);
                }).catch(function () {
                    window.prompt('Copie o link:', paraCopiar);
                });

                return;
            }

            window.prompt('Copie o link:', paraCopiar);
        });
    })();
</script>