{{--
    MODAL: registrar que a solução foi negada, em nome do usuário.

    Existe porque a equipe às vezes recebe o retorno por telefone ou pessoalmente.
    O motivo é obrigatório (o servidor recusa vazio) e vira acompanhamento público
    no chamado, então precisa de um campo de verdade — antes isso era um
    window.prompt.
--}}
<div class="modal-header conteudo-modal-header">
    <h5
        style="font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:0;color:var(--dm-text-muted);">
        <span style="color:#e6ab09;font-family:'Courier New',monospace;">#{{ $chamado->id }}</span>
        <span style="font-weight:400;margin-left:.4rem;">— Marcar solução como negada</span>
    </h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
        style="color:var(--dm-text-muted);opacity:1;font-size:1.2rem;line-height:1;">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

<div class="modal-body" style="padding:1.25rem;">
    <p style="font-size:.82rem;color:var(--dm-text);margin-bottom:.25rem;">
        O usuário informou que a solução não resolveu o problema.
    </p>
    <p style="font-size:.75rem;color:var(--dm-text-muted);margin-bottom:1rem;">
        O motivo abaixo fica visível para o solicitante no acompanhamento do chamado.
    </p>

    <form id="negar-validacao-form-{{ $chamado->id }}"
        action="{{ route('validacao.resolver', ['id' => $chamado->id]) }}" method="post">
        @csrf
        <input type="hidden" name="desfecho" value="negar">

        <label for="negar-motivo-{{ $chamado->id }}"
            style="font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--dm-text-muted);display:block;margin-bottom:.3rem;">
            Motivo
        </label>
        <textarea id="negar-motivo-{{ $chamado->id }}" name="justificativa" rows="4" required
            placeholder="O que ainda não está resolvido?"
            style="width:100%;background:var(--dm-surface-2);border:1px solid var(--dm-border);color:var(--dm-text);border-radius:6px;padding:.55rem .7rem;font-size:.82rem;outline:none;resize:vertical;"></textarea>

        <div style="display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;">
            <button type="button" class="saas-btn" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="saas-btn"
                style="background:#e05252!important;color:#fff!important;border-color:#e05252!important;">
                <i class="bi bi-patch-exclamation me-1"></i> Registrar negativa
            </button>
        </div>
    </form>
</div>

<script>
(function () {
    var form = document.getElementById('negar-validacao-form-{{ $chamado->id }}');
    if (!form) return;

    var textarea = form.querySelector('textarea[name="justificativa"]');
    textarea.focus();

    form.addEventListener('submit', function (e) {
        e.preventDefault();

        if (!textarea.value.trim()) {
            textarea.focus();
            return;
        }

        $.post(form.action, $(form).serialize())
            .done(function () { window.location.reload(); })
            .fail(function (xhr) {
                var msg = (xhr.responseJSON && xhr.responseJSON.message) || 'Erro ao registrar a validação.';
                if (window.showNotif) { window.showNotif('error', 'Erro!', msg); } else { alert(msg); }
            });
    });
})();
</script>