<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emissão de Laudo</title>
    <link rel="stylesheet" href="css/laudo_form.css">
</head>
<body>

<header>
    <img src="img/logosave.png" alt="Logo Save Water">
    <h2>Reduzindo custos com água e energia</h2>
</header>

</head>
<body>

    <h1>Emitir Laudo de Análises de Água</h1>

    <form action="emitir_laudo.php" method="post" enctype="multipart/form-data">
        <!-- Informações do Cliente -->
        <label for="cliente">Nome do cliente:</label>
        <input type="text" id="cliente" name="cliente" required><br><br>

        <label for="endereco">Endereço:</label>
        <input type="text" id="endereco" name="endereco" required><br><br>

        <label for="acompanhante">Acompanhante:</label>
        <input type="text" id="acompanhante" name="acompanhante" required><br><br>

        <label for="data">Data:</label>
        <input type="date" id="data" name="data" required><br><br>

        <label for="responsavel">Responsável SAVE pelo cliente:</label>
        <input type="text" id="responsavel" name="responsavel" required><br><br>

        <!-- Campo de Seleção de Assinatura -->
        <label for="assinatura">Escolha a assinatura:</label>
        <select id="assinatura" name="assinatura">
            <option value="assinatura1.png|Lucivania Leal">Assinatura 1 - Lucivania Leal</option>
            <option value="assinatura2.png|Lucas Nascimento">Assinatura 2 - Lucas Nascimento</option>
            <option value="assinatura3.png|Wagney Oliveira">Assinatura 3 - Wagney Oliveira</option>
            <option value="assinatura4.png|Marcel Stella">Assinatura 4 - Marcel Stella</option>
        </select><br><br>

        <!-- Tabela de Parâmetros -->
        <h2>Report Analítico</h2>
        <table id="laudoTable" border="1" cellpadding="10">
            <thead>
                <tr>
                    <th>Parâmetro</th>
                    <th><input type="text" name="nome_ponto_coleta[]" value="Ponto de Coleta 1" required></th>
                    <th>Limites</th> <!-- Limites sempre na última posição -->
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="text" name="parametro[]" value="pH" required></td>
                    <td><input type="text" name="ponto_coleta1[]" required></td>
                    <td><input type="text" name="limites[]" value="6 a 9" required></td>
                </tr>
                <tr>
                    <td><input type="text" name="parametro[]" value="Cor"></td>
                    <td><input type="text" name="ponto_coleta1[]"></td>
                    <td><input type="text" name="limites[]" value="15"></td>
                </tr>
                <tr>
                    <td><input type="text" name="parametro[]" value="Turbidez"></td>
                    <td><input type="text" name="ponto_coleta1[]"></td>
                    <td><input type="text" name="limites[]" value="5"></td>
                </tr>
            </tbody>
        </table>

        <br>
        <button type="button" onclick="addColumn()">Adicionar Ponto de Coleta</button>
        <button type="button" onclick="addRow()">Adicionar Parâmetro</button>
        <br><br>

        <!-- Campo de Comentários -->
        <label for="comentarios">Comentários:</label><br>
        <textarea id="comentarios" name="comentarios" rows="4" cols="50"></textarea><br><br>

        <!-- Botão de Emissão de Laudo -->
        <button type="submit">Emitir Laudo</button>
    </form>

    <!-- Formulário para exportar os dados para CSV -->
    <form action="export_csv.php" method="post">
        <input type="hidden" name="cliente" value="<?php echo htmlspecialchars($_POST['cliente'] ?? ''); ?>">
        <!-- Outros campos ocultos para passar os dados -->
        <button type="submit">Exportar para CSV</button>
    </form>

    <script>
        // Função para adicionar nova coluna de ponto de coleta
        function addColumn() {
            let table = document.getElementById("laudoTable");
            let rows = table.rows;
            let columnCount = rows[0].cells.length;

            // Adicionar a nova coluna de Ponto de Coleta antes da coluna "Limites"
            for (let i = 0; i < rows.length; i++) {
                let cell = document.createElement(i == 0 ? "th" : "td");

                if (i == 0) {
                    cell.innerHTML = `<input type="text" name="nome_ponto_coleta[]" value="Ponto de Coleta ${columnCount - 1}">`; // Editável
                } else {
                    cell.innerHTML = `<input type="text" name="ponto_coleta${columnCount - 1}[]">`; // Campos editáveis
                }

                // Inserir a nova célula antes da última coluna (que é a coluna "Limites")
                rows[i].insertBefore(cell, rows[i].cells[columnCount - 1]);
            }
        }

        // Função para adicionar nova linha de parâmetro
        function addRow() {
            let table = document.getElementById("laudoTable").getElementsByTagName('tbody')[0];
            let columnCount = document.getElementById("laudoTable").rows[0].cells.length;

            let newRow = table.insertRow();
            newRow.innerHTML = `
                <td><input type="text" name="parametro[]" required></td>
                <td><input type="text" name="ponto_coleta1[]"></td>
                <td><input type="text" name="limites[]" required></td>
            `;

            // Adicionar células vazias para cada coluna de ponto de coleta adicional, também editáveis
            for (let i = 3; i < columnCount; i++) {
                let newCell = newRow.insertCell(i - 1);
                newCell.innerHTML = `<input type="text" name="ponto_coleta${i - 1}[]">`; // Campos editáveis
            }
        }
    </script>

</body>
</html>