<?php
require '../../conexao/conexao.php';
//require '../sessao.php';
require '../../conexao/acesso.php';
require '../../configuacoes.php';
require '../../conexao/logs.php';
require '../../querys/query-metas.php';

$Metas = new Metas($connectionmysql);

if (isset($_GET['id'])) {
    $id_tipo_meta = (int)$_GET['id'];

    // Verifica se o formulário foi enviado
    $Metas->updateMeta($connectionmysql, $_GET['id']);
}


$DadosMetas = $Metas->listarMetas($_GET['id'])[0];

//print_r($DadosMetas);

if (isset($_SESSION['message'])) {
    echo "<script>alert('" . $_SESSION['message'] . "');</script>";
    unset($_SESSION['message']); // Limpa a mensagem após exibição
}

?>

<!DOCTYPE html>
<html lang="pt-br">
<?php
$pageTitle = "Altera Meta"; // Definir o título da página aqui

include('../header.php');
include('../menu.php');

?>

<head>
    <link rel="icon" href="\KPI\pages/configuracoes/logo-sm.png">
    <link rel="shortcut icon" href="\KPI\pages/configuracoes/logo-sm.png">

</head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.min.css">


<body>

    <script>
        // Função que converte nome_meta para nome_valores
        function atualizarNomeValores() {
            // Obtém o valor do campo nome_meta
            let nomeMeta = document.getElementById("nome_meta").value;

            // Converte para minúsculas, remove espaços e caracteres especiais
            let nomeValores = nomeMeta
                .toLowerCase() // Converte para minúsculas
                .normalize("NFD") // Separa acentos de caracteres
                .replace(/[\u0300-\u036f]/g, "") // Remove os acentos
                .replace(/[^a-z0-9]/g, ""); // Remove caracteres não permitidos

            // Atribui o resultado ao campo nome_valores
            document.getElementById("nome_valores").value = nomeValores;
        }
    </script>

    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->
                <div class="wrapper candidato">
                    <div class="container-fluid">

                        <div class="card-box mt-3">
                            <div class="row">

                                <div class="col-6 text-left">
                                    <h4 class="page-title">Cadastrar nova meta</h4>
                                </div>

                                <div class="col-6 text-right">
                                    <button onclick="history.back()" class="btn btn-light"><i class="mdi mdi-keyboard-backspace"></i> Voltar</button>
                                </div>

                                <div class="col-12">
                                    <hr>
                                </div>

                                <div class="col-12">
                                    <form method="post">
                                        <div class="form-row mb-3">


                                            <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap">
                                                <thead>
                                                    <tr class="text-center">
                                                        <th width="97">Nome Meta</th>
                                                        <th width="89" nowrap="nowrap">Observação </th>
                                                        <th width="96" nowrap="nowrap">Situação</th>
                                                    </tr>
                                                    <tr class="text-center">
                                                        <th>
                                                            <input type="text" name="nome_meta" value="<?php echo $DadosMetas['nome_meta'] ?? ''; ?>" id="nome_meta" class="form-control" oninput="atualizarNomeValores()">
                                                            <input type="hidden" name="nome_valores" value="<?php echo $DadosMetas['nome_valores'] ?? ''; ?>" id="nome_valores" class="form-control">
                                                        </th>
                                                        <th><input type="text" class="form-control" name="observacao" id="observacao" value="<?php echo $DadosMetas['observacao'] ?? '' ?>"></th>
                                                        <th>
                                                            <select name="situacao" class="form-control" id="situacao">
                                                                <option value=""></option>
                                                                <option value="S" <?php if (isset($DadosMetas) and $DadosMetas['situacao'] == 'S') {
                                                                                        echo 'selected';
                                                                                    } ?>>Ativo</option>
                                                                <option value="N" <?php if (isset($DadosMetas) and $DadosMetas['situacao'] == 'N') {
                                                                                        echo 'selected';
                                                                                    } ?>>Desativado</option>

                                                            </select>
                                                        </th>
                                                    </tr>
                                                </thead>
                                            </table>

                                            <div class="col-12 text-right">
                                                <!--  <a href="index.php" class="btn btn-warning mr-2"> Limpar</a> -->
                                                <button type="submit" class="btn btn-primary"><i class="mdi mdi-plus"></i> Inserir Dados</button>
                                            </div>
                                    </form>
                                </div>
                            </div>



                        </div>
                    </div>

                </div> <!-- end container -->

    <!-- end wrapper -->

    <!-- ============================================================== -->
    <!-- End Page content -->
    <!-- ============================================================== -->

    <?php
	include('../footer.php');
    include('../../geral/mensagens_modais.php');
    ?>

    <script>
        // Selecionar todos os checkboxes quando o checkbox "Selecionar Todos" for marcado
        document.getElementById('select-all').addEventListener('change', function() {
            const checked = this.checked;
            document.querySelectorAll('.month').forEach(checkbox => {
                checkbox.checked = checked;
            });
        });

        // Desmarcar o checkbox "Selecionar Todos" se algum checkbox individual for desmarcado
        document.querySelectorAll('.month').forEach(checkbox => {
            checkbox.addEventListener('change', function() {
                if (!this.checked) {
                    document.getElementById('select-all').checked = false;
                }
            });
        });
    </script>

    <!-- jQuery (precisa para o Chosen) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <!-- Chosen JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
    <!-- Inicializar Chosen -->
    <script>
        var $j = jQuery.noConflict();
        $j(document).ready(function() {
            $j('#id_cidade').chosen();
        });
    </script>


    <!-- Vendor js -->
    <script src="../../../assets/js/vendor.min.js"></script>

    <!-- knob plugin -->
    <script src="../../../assets/libs/jquery-knob/jquery.knob.min.js"></script>
    <!-- App js-->
    <script src="../../../assets/js/app.min.js"></script>

    <script src="../../geral/javascript.js"></script>


</body>

</html>