<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Consulta e Download de NF-e / CT-e</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h2>Consulta e Download de NF-e / CT-e</h2>
        <form id="consultaForm">
            <label for="chaveAcesso">Chave de Acesso:</label>
            <input type="text" id="chaveAcesso" required>
            <button type="submit">Consultar</button>
        </form>
        <div id="resultado"></div>
        <button id="downloadXml" style="display:none;">Baixar XML</button>
        <button id="downloadPdf" style="display:none;">Baixar PDF</button>
    </div>

    <script>
    document.getElementById("consultaForm").addEventListener("submit", function(event) {
        event.preventDefault();
        const chaveAcesso = document.getElementById("chaveAcesso").value;

        if (chaveAcesso.length !== 44) {
            document.getElementById("resultado").innerHTML = "<p style='color: red;'>Chave inválida! Deve conter 44 dígitos.</p>";
            return;
        }

        // Aciona a extensão para assinar a chave de acesso
        chrome.runtime.sendMessage({ action: "signData", data: chaveAcesso, certType: "A3" }, function(response) {
            if (response.success) {
                fetch("https://nacozinhaagora.com/consulta.php", {
                    method: "POST",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ chave_acesso: chaveAcesso, assinatura: response.signature })
                })
                .then(res => res.json())
                .then(data => {
                    document.getElementById("resultado").innerHTML = `<p>Status: ${data.status}</p><p>${data.mensagem}</p>`;
                })
                .catch(err => {
                    document.getElementById("resultado").innerHTML = "<p style='color: red;'>Erro ao enviar requisição.</p>";
                });
            } else {
                document.getElementById("resultado").innerHTML = "<p style='color: red;'>Erro ao assinar: " + response.error + "</p>";
            }
        });
    });
    </script>
</body>
</html>
