<?php
require '../../conexao/conexao.php';
//require '../../sessao.php';
require '../../conexao/acesso.php';
require '../../configuacoes.php';
//Declarando null pro resultado do record, caso o usuário clique em pesquisar, ela será preenchida.
$resultmeta = null;
$sql_erros = "SELECT valor_percentual,id_percentual FROM percentual";
$result_erros = $connectionmysql->query($sql_erros);
$percentualArray = array();
if ($result_erros) {
    while ($row_percentual = $result_erros->fetch_assoc()) {
        $percentualArray[] = $row_percentual;
    }
} else {
    echo "Erro na execução da consulta: " . $connectionmysql->error;
}

if (isset($_GET['form_submitted']) && $_GET['form_submitted'] == '1') {

    $_SESSION['filtros'] = $_GET;
    if (isset($_SESSION['filtros'])) {
        $filtros_recuperados = $_SESSION['filtros'];
        $percentual_select = $filtros_recuperados['percentual_select'] ?? null;
    }


    $percentual_select = $_GET['percentual_select'] ?? null;

    // Iniciando a construção do SQL BASE
    $sql_base = "SELECT id_percentual,valor_percentual FROM percentual p where 1=1";

    if (isset($percentual_select) && trim($percentual_select) !== "Todos") {
        $sql_base .= " AND p.id_percentual = '$percentual_select'";
    }

    $sql_base .= " ORDER BY p.valor_percentual";


    $resultmeta = $connectionmysql->query($sql_base);


    //echo $total_records;
    //echo $sql_base;
}
?>

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <link rel="stylesheet" href="modalexcluir.css">
</head>
<?php
$pageTitle = "Percentuais"; // Definir o título da página aqui
?>

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

</head>

<body>


    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->

    <div class="container-fluid">
        <div class="row">
            <?php
            include('../lateral.php');
            ?>

            <main class="col-md-9 col-lg-10 content">
                <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">Percentuais definidos</h4>
                                </div>

                                <div class="col-6 text-right">
                                    <a href="inclusao_alteracao_percentual.php?id=0" class="btn btn-light" alt="Incluir Percentual" title="Incluir Percentual"><i class="mdi mdi-plus"></i>Adicionar Percentual</a>
                                </div>

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

                                <div class="col-12">
                                    <form method="get" action="">
                                        <div class="form-row mb-3">
                                            <div class="form-group col-md-3">
                                                <label for="tipo" class="col-form-label">Percentual</label>
                                                <select id="percentual_select" name="percentual_select" class="form-control">
                                                    <option value="Todos" <?php echo (!isset($percentual_select) || $percentual_select == "Todos") ? "selected" : ""; ?>>Todos</option>
                                                    <?php foreach ($percentualArray as $percentual) : ?>
                                                        <option value="<?php echo $percentual['id_percentual']; ?>" <?php echo (isset($percentual_select) && $percentual_select == $percentual['id_percentual']) ? "selected" : ""; ?>>
                                                            <?php echo intval($percentual['valor_percentual']) . '%'; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                            <input type="hidden" name="form_submitted" value="1" />

                                            <div class="col-12 text-right">
                                                <a href="index.php" class="btn btn-warning mr-2"><i class="mdi mdi-plus"></i> Limpar</a>
                                                <button type="submit" class="btn btn-primary"><i class="mdi mdi-magnify"></i> Pesquisar</button>
                                            </div>
                                    </form>
                                </div>
                            </div>
                            <?php
                            //VERIFICANDO SE O USUÁRIO CLICOU NO BOTÃO PESQUISAR
                            if (isset($_GET['form_submitted']) && $_GET['form_submitted'] == '1') { ?>

                                <div class="col-12">
                                    <div style="display: flex; justify-content: space-between; align-items: center;">
                                        <h6>Lista de Valores Definidos</h6>
                                    </div>

                                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap">
                                        <thead>
                                            <tr class="text-center">
                                                <th>Percentuais</th>
                                                <th>Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            $hasResults = false;  // Inicializa como false

                                            if ($resultmeta) {  // Verifica se $resultmeta é válido
                                                while ($row = $resultmeta->fetch_assoc()) {  // Usa $row em vez de $rowMeta para consistência
                                                    $hasResults = true;  // Indica que encontrou ao menos um resultado
                                                    $id_percentual = $row['id_percentual'];
                                            ?>
                                                    <tr class="text-center">
                                                        <td class="col-8"><?php echo htmlspecialchars(intval($row['valor_percentual'])) . '%'; ?></td>
                                                        <td class="col-4">
                                                            <button data-id-erro="<?php echo $id_percentual; ?>" class="table-actions link-view excluir-btn" title="Excluir Percentual">
                                                                <i class="mdi mdi-delete-forever"></i>
                                                            </button>
                                                        </td>

                                                    </tr>
                                            <?php
                                                }
                                            }

                                            if (!$hasResults) {
                                                echo "<tr><td colspan='2' class='text-center'>Sem resultado para a consulta</td></tr>";
                                            }
                                            ?>

                                        </tbody>
                                    </table>
                                </div>
                        </div>
                        <!-- <div style="display: flex; justify-content: center;">
                <?php // include('paginacao.php'); 
                ?>
            </div> -->
                    <?php } //fechamento do IF que valida se o usuário clicou no botão pesquisar 
                    ?>
                    </div>
                </div>
            </main>
        </div> <!-- end container -->
    </div>

    <!-- Código do modal -->

    <div id="myModalPercentual" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">&times;</span>
            <h2>Deseja realmente excluir o percentual selecionado?</h2>
            <form id="formExclusao" method="post" action="excluir_percentual.php">
                <input type="hidden" id="id_percentual" name="id_percentual" value="">
                <label for="confirmacao_sim">
                    <input type="radio" id="confirmacao_sim" name="confirmacao" value="sim"> Sim
                </label>
                <label for="confirmacao_nao">
                    <input type="radio" id="confirmacao_nao" name="confirmacao" value="nao"> Não
                </label>
                <br>
                <button type="button" class="confirmar-btn" onclick="confirmarExclusao()">Confirmar</button>
            </form>
        </div>
    </div>


    <!-- FINAL MODAL DE EXCLUIR -->

    <!-- end wrapper -->

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

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

    ?>

    <!-- 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>
    <!-- Inclua isso no cabeçalho para garantir que as bibliotecas sejam carregadas -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css">

    <!-- Seu script para inicializar o DataTables -->
    <script>
        $(document).ready(function() {
            var table = $('#datatable-buttons').DataTable({
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.10.21/i18n/Portuguese-Brasil.json"
                },
                "ordering": true,
                "responsive": true,
                "autoWidth": false,
                "lengthMenu": [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, "Todos"]
                ],
                "dom": 'Bfrtip'
            });
            setTimeout(function() {
                $("#datatable-buttons_filter").children("label").css("font-size", "15px");
            }, 20);

        });
    </script>

    <script>
        // Função para abrir o modal e definir os valores dos campos ocultos
        function openModal(idPercentual) {
            document.getElementById('id_percentual').value = idPercentual;
            document.getElementById('myModalPercentual').style.display = 'block';
        }

        // Função para fechar o modal
        function closeModal() {
            document.getElementById('myModalPercentual').style.display = 'none';
        }

        // Função para confirmar a exclusão e enviar o formulário
        function confirmarExclusao() {
            document.getElementById('formExclusao').submit();
            closeModal();
        }

        // Adicionando o evento ao botão de exclusão
        document.addEventListener("DOMContentLoaded", function() {
            const excluirBtns = document.querySelectorAll('.excluir-btn');
            excluirBtns.forEach(btn => {
                btn.addEventListener('click', function() {
                    const idPercentual = this.getAttribute('data-id-erro');
                    openModal(idPercentual);
                });
            });
        });
    </script>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Remove status and message parameters from URL
            const url = new URL(window.location);
            url.searchParams.delete('status');
            url.searchParams.delete('message');
            window.history.replaceState({}, document.title, url);
        });
    </script>

</body>
<?php
require '../../conexao/conexao.php';
//require '../../sessao.php';
require '../../conexao/acesso.php';
require '../../configuacoes.php';
//Declarando null pro resultado do record, caso o usuário clique em pesquisar, ela será preenchida.
$resultmeta = null;
$sql_erros = "SELECT valor_percentual,id_percentual FROM percentual";
$result_erros = $connectionmysql->query($sql_erros);
$percentualArray = array();
if ($result_erros) {
    while ($row_percentual = $result_erros->fetch_assoc()) {
        $percentualArray[] = $row_percentual;
    }
} else {
    echo "Erro na execução da consulta: " . $connectionmysql->error;
}

if (isset($_GET['form_submitted']) && $_GET['form_submitted'] == '1') {

    $_SESSION['filtros'] = $_GET;
    if (isset($_SESSION['filtros'])) {
        $filtros_recuperados = $_SESSION['filtros'];
        $percentual_select = $filtros_recuperados['percentual_select'] ?? null;
    }


    $percentual_select = $_GET['percentual_select'] ?? null;

    // Iniciando a construção do SQL BASE
    $sql_base = "SELECT id_percentual,valor_percentual FROM percentual p where 1=1";

    if (isset($percentual_select) && trim($percentual_select) !== "Todos") {
        $sql_base .= " AND p.id_percentual = '$percentual_select'";
    }

    $sql_base .= " ORDER BY p.valor_percentual";


    $resultmeta = $connectionmysql->query($sql_base);


    //echo $total_records;
    //echo $sql_base;
}
?>

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <link rel="stylesheet" href="modalexcluir.css">
</head>
<?php
$pageTitle = "Percentuais"; // Definir o título da página aqui
?>

<body>


    <!-- ============================================================== -->
    <!-- Start Page Content here -->
    <!-- ============================================================== -->

    <div class="container-fluid">
        <div class="row">
            <?php
            include('../lateral.php');
            ?>

            <main class="col-md-9 col-lg-10 content">
                <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">Percentuais definidos</h4>
                                </div>

                                <div class="col-6 text-right">
                                    <a href="inclusao_alteracao_percentual.php?id=0" class="btn btn-light" alt="Incluir Percentual" title="Incluir Percentual"><i class="mdi mdi-plus"></i>Adicionar Percentual</a>
                                </div>

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

                                <div class="col-12">
                                    <form method="get" action="">
                                        <div class="form-row mb-3">
                                            <div class="form-group col-md-3">
                                                <label for="tipo" class="col-form-label">Percentual</label>
                                                <select id="percentual_select" name="percentual_select" class="form-control">
                                                    <option value="Todos" <?php echo (!isset($percentual_select) || $percentual_select == "Todos") ? "selected" : ""; ?>>Todos</option>
                                                    <?php foreach ($percentualArray as $percentual) : ?>
                                                        <option value="<?php echo $percentual['id_percentual']; ?>" <?php echo (isset($percentual_select) && $percentual_select == $percentual['id_percentual']) ? "selected" : ""; ?>>
                                                            <?php echo intval($percentual['valor_percentual']) . '%'; ?>
                                                        </option>
                                                    <?php endforeach; ?>
                                                </select>
                                            </div>
                                            <input type="hidden" name="form_submitted" value="1" />

                                            <div class="col-12 text-right">
                                                <a href="index.php" class="btn btn-warning mr-2"><i class="mdi mdi-plus"></i> Limpar</a>
                                                <button type="submit" class="btn btn-primary"><i class="mdi mdi-magnify"></i> Pesquisar</button>
                                            </div>
                                    </form>
                                </div>
                            </div>
                            <?php
                            //VERIFICANDO SE O USUÁRIO CLICOU NO BOTÃO PESQUISAR
                            if (isset($_GET['form_submitted']) && $_GET['form_submitted'] == '1') { ?>

                                <div class="col-12">
                                    <div style="display: flex; justify-content: space-between; align-items: center;">
                                        <h6>Lista de Valores Definidos</h6>
                                    </div>

                                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap">
                                        <thead>
                                            <tr class="text-center">
                                                <th>Percentuais</th>
                                                <th>Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            $hasResults = false;  // Inicializa como false

                                            if ($resultmeta) {  // Verifica se $resultmeta é válido
                                                while ($row = $resultmeta->fetch_assoc()) {  // Usa $row em vez de $rowMeta para consistência
                                                    $hasResults = true;  // Indica que encontrou ao menos um resultado
                                                    $id_percentual = $row['id_percentual'];
                                            ?>
                                                    <tr class="text-center">
                                                        <td class="col-8"><?php echo htmlspecialchars(intval($row['valor_percentual'])) . '%'; ?></td>
                                                        <td class="col-4">
                                                            <button data-id-erro="<?php echo $id_percentual; ?>" class="table-actions link-view excluir-btn" title="Excluir Percentual">
                                                                <i class="mdi mdi-delete-forever"></i>
                                                            </button>
                                                        </td>

                                                    </tr>
                                            <?php
                                                }
                                            }

                                            if (!$hasResults) {
                                                echo "<tr><td colspan='2' class='text-center'>Sem resultado para a consulta</td></tr>";
                                            }
                                            ?>

                                        </tbody>
                                    </table>
                                </div>
                        </div>
                        <!-- <div style="display: flex; justify-content: center;">
                <?php // include('paginacao.php'); 
                ?>
            </div> -->
                    <?php } //fechamento do IF que valida se o usuário clicou no botão pesquisar 
                    ?>
                    </div>
                </div>
            </main>
        </div> <!-- end container -->
    </div>

    <!-- Código do modal -->

    <div id="myModalPercentual" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">&times;</span>
            <h2>Deseja realmente excluir o percentual selecionado?</h2>
            <form id="formExclusao" method="post" action="excluir_percentual.php">
                <input type="hidden" id="id_percentual" name="id_percentual" value="">
                <label for="confirmacao_sim">
                    <input type="radio" id="confirmacao_sim" name="confirmacao" value="sim"> Sim
                </label>
                <label for="confirmacao_nao">
                    <input type="radio" id="confirmacao_nao" name="confirmacao" value="nao"> Não
                </label>
                <br>
                <button type="button" class="confirmar-btn" onclick="confirmarExclusao()">Confirmar</button>
            </form>
        </div>
    </div>


    <!-- FINAL MODAL DE EXCLUIR -->

    <!-- end wrapper -->

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

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

    ?>

    <!-- 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>
    <!-- Inclua isso no cabeçalho para garantir que as bibliotecas sejam carregadas -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css">

    <!-- Seu script para inicializar o DataTables -->
    <script>
        $(document).ready(function() {
            var table = $('#datatable-buttons').DataTable({
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.10.21/i18n/Portuguese-Brasil.json"
                },
                "ordering": true,
                "responsive": true,
                "autoWidth": false,
                "lengthMenu": [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, "Todos"]
                ],
                "dom": 'Bfrtip'
            });
            setTimeout(function() {
                $("#datatable-buttons_filter").children("label").css("font-size", "15px");
            }, 20);

        });
    </script>

    <script>
        // Função para abrir o modal e definir os valores dos campos ocultos
        function openModal(idPercentual) {
            document.getElementById('id_percentual').value = idPercentual;
            document.getElementById('myModalPercentual').style.display = 'block';
        }

        // Função para fechar o modal
        function closeModal() {
            document.getElementById('myModalPercentual').style.display = 'none';
        }

        // Função para confirmar a exclusão e enviar o formulário
        function confirmarExclusao() {
            document.getElementById('formExclusao').submit();
            closeModal();
        }

        // Adicionando o evento ao botão de exclusão
        document.addEventListener("DOMContentLoaded", function() {
            const excluirBtns = document.querySelectorAll('.excluir-btn');
            excluirBtns.forEach(btn => {
                btn.addEventListener('click', function() {
                    const idPercentual = this.getAttribute('data-id-erro');
                    openModal(idPercentual);
                });
            });
        });
    </script>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Remove status and message parameters from URL
            const url = new URL(window.location);
            url.searchParams.delete('status');
            url.searchParams.delete('message');
            window.history.replaceState({}, document.title, url);
        });
    </script>

</body>
