<?php
require '../conexao/conexao.php';
require '../conexao/acesso.php';
require '../configuacoes.php';
require 'consulta_bd.php';
require '../logs/gera-log.php';

// if (isset($_GET['status']) && $_GET['status'] === 'sucesso' && isset($_GET['acao']) && $_GET['acao'] === 'criar') {
//     gerarLog(
//         2, // tipo de log (atualização)
//         $basePath, // id do módulo
//         $_SESSION['CodUsuario'],
//         $_SESSION['NomeUsuario']
//     );
// }

// if (isset($_GET['status']) && $_GET['status'] === 'sucesso' && isset($_GET['acao']) && $_GET['acao'] === 'excluir') {
//     gerarLog(
//         4, // tipo de log (exclusão)
//         $basePath, // id do módulo
//         $_SESSION['CodUsuario'],
//         $_SESSION['NomeUsuario']
//     );
// }

// Instancia a classe de consulta ao banco de dados
$consultapcp = new ConsultasMetasPCP();

$cidade = $_GET['cidade'] ?? null;
$ano = $_GET['ano'] ?? null;
$mes = $_GET['mes'] ?? null;
$filial = $_GET['filial'] ?? null;
$etapa = $_GET['etapa'] ?? null;
$nome_etapa = $_GET['nome_etapa'] ?? null;
$id_funcionario = $_GET['id_funcionario'] ?? null;
$tabela = $_GET['tabela'] ?? 'adicao';
$tabela = trim($tabela);

$query_string = http_build_query([
    'cidade' => $cidade,
    'ano' => $ano,
    'mes' => $mes,
    'filial' => $filial,
    'etapa' => $etapa,
    'nome_etapa' => $nome_etapa,
    'id_funcionario' => $id_funcionario,
    'pesquisar' => isset($_GET['pesquisar']) ? $_GET['pesquisar'] : '',
]);

// Obtém as filiais e cidades do banco de dados
$detalhes = $consultapcp->get_detalhes($ano, $mes, $etapa, $id_funcionario, $tabela);
$funcionarios = $consultapcp->get_funcionarios($id_funcionario);
//$nome_fun = mb_convert_encoding($funcionarios[0]['NOMEFUNCIONARIO'], 'UTF-8', 'ISO-8859-1');
$nome_fun = $funcionarios[0]['NOMEFUNCIONARIO'];

?>

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

<head>
    <link rel="stylesheet" href="../configuracao/modalexcluir.css">
</head>
<?php
$pageTitle = "Detalhamento Meta Colaborador"; // Definir o título da página aqui
include('../geral/header.php');
?>

<body>

    <!-- Navigation Bar-->
    <?php
    include('../geral/menu.php');
    ?>
    <!-- End Navigation Bar-->

    <!-- ============================================================== -->
    <!-- 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">Detalhes do Colaborador : <?php echo $nome_fun; ?></h4>
                    </div>

                    <div class="col-6 text-right">
                        <a href="formulario_alteracao.php?<?php echo $query_string; ?>&id=2&id_funcionario=<?php echo $id_funcionario; ?>" class=" btn btn-light" alt="Incluir Cadastro" title="Incluir Cadastro"><i class="mdi mdi-plus"></i> Adicionar Adição</a>

                        <a href="formulario_alteracao.php?<?php echo $query_string; ?>&id=1&id_funcionario=<?php echo $id_funcionario; ?>" class=" btn btn-light" alt="Incluir Cadastro" title="Incluir Cadastro"><i class="mdi mdi-plus"></i> Adicionar Meta</a>

                        <a href="index.php?<?= $query_string ?>" class="btn btn-light">
                            <i class="mdi mdi-keyboard-backspace"></i> Voltar
                        </a>
                        <!--  <button onclick="goBack()" class="btn btn-light"><i class="mdi mdi-keyboard-backspace"></i> Voltar</button>-->
                    </div>

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

                </div>
                <div class="col-12">
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <h6>Lista de Adições</h6>
                    </div>
                    <nav class="mt-3">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link <?php echo ($tabela == 'adicao') ? 'active' : ''; ?>" id="adicao-tab" data-toggle="tab" href="#adicao" role="tab" aria-controls="adicao" aria-selected="<?php echo ($tabela == 'adicao') ? 'true' : 'false'; ?>" onclick="updateURL('adicao')">Adição</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link <?php echo ($tabela == 'meta') ? 'active' : ''; ?>" id="meta-tab" data-toggle="tab" href="#meta" role="tab" aria-controls="meta" aria-selected="<?php echo ($tabela == 'meta') ? 'true' : 'false'; ?>" onclick="updateURL('meta')">Meta</a>
                            </li>
                        </ul>
                    </nav>
                    <div class="tab-content" id="myTabContent">
                        <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap">
                            <thead>
                                <tr class="text-center">
                                    <th scope="col">Código Funcionário</th>
                                    <th scope="col">Funcionário</th>
                                    <th scope="col">Etapa</th>
                                    <?php if ($tabela == 'adicao') { ?>
                                        <th scope="col">Adição</th>
                                    <?php } elseif ($tabela == 'meta') { ?>
                                        <th scope="col">Meta</th>
                                    <?php } ?>
                                    <th>Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                            <tbody>
                                <?php
                                $hasResults = false;
                                foreach ($detalhes as $row) {  // Itera sobre o array $adicao
                                    $hasResults = true; ?>
                                    <tr class="text-center">
                                        <td><?= htmlspecialchars($id_funcionario) ?></td>
                                        <td><?= ($nome_fun) ?></td>
                                        <td><?= $nome_etapa ?></td>

                                        <?php if ($tabela == 'adicao') {
                                            $id = $row['id_adicao_producao'] ?>
                                            <td><?= !empty($row['adicao']) ? htmlspecialchars($row['adicao']) : '0' ?></td>
                                        <?php } elseif ($tabela == 'meta') {
                                            $id = $row['id_metas_producao'] ?>
                                            <td><?= !empty($row['meta']) ? htmlspecialchars($row['meta']) : '0' ?></td>
                                        <?php } ?>

                                        <td>
                                            <button 
                                                data-id="<?= htmlspecialchars($id) ?>" 
                                                data-url="<?= $query_string; ?>" 
                                                data-tab="<?= $tabela; ?>" 
                                                class="table-actions link-view excluir-btn" 
                                                title="Excluir Registro">
                                                <i class="mdi mdi-delete-forever"></i>
                                            </button>
                                        </td>
                                    </tr>
                                <?php }
                                if (!$hasResults) {
                                    echo "<tr><td colspan='5' class='text-center'>Nenhum registro encontrado.</td></tr>";
                                }
                                ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Código do modal -->
    <div id="myModal" class="modal" style="display:none;">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">&times;</span>
            <h2>Deseja realmente excluir a Meta selecionada?</h2>

            <!-- Formulário de confirmação -->
            <!-- <form id="formExclusao" method="post" action="excluir_meta_pcp.php">
                <input type="hidden" id="id" name="id" value="">
                <input type="hidden" id="tab" name="tab" value="">
                <input type="hidden" id="url" name="url" 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> -->
                <!-- Adicione a classe confirmar-btn ao botão de Confirmar -->
                <!-- <button type="button" class="confirmar-btn" onclick="confirmarExclusao()">Confirmar</button> -->
            </form>
        </div>
    </div>

    <form id="formExclusaoMetaColaborador" action="excluir_meta_pcp.php" method="post" style="display: none;">
        <input type="hidden" name="id" id="del-id">
        <input type="hidden" name="tab" id="del-tab">
        <input type="hidden" name="url" id="del-url">
        <input type="hidden" name="confirmacao" value="sim">
    </form>

    <!-- FINAL MODAL DE EXCLUIR -->

    <!-- end wrapper -->

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

    <!-- Footer Start -->
    <?php
    include('../geral/footer.php');
    ?>
    <!-- end Footer -->

    <?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">

    <!-- Incluindo o ModalHelper -->
    <script src="/kpi/assets/js/modais.js"></script>
    <script src="../../assets/js/modal-helper.js"></script>

    <script>
        $(document).ready(function() {
            // Inicializa o DataTable se necessário (ou use sua função DataTabela)
            // $('#datatable-buttons').DataTable({...}); 

            // Lógica de Exclusão com ModalHelper
            $(document).on('click', '.excluir-btn', function(e) {
                e.preventDefault();

                // Captura os dados do botão clicado
                var btn = $(this);
                var id = btn.data('id');
                var tab = btn.data('tab');
                var url = btn.data('url');

                // Define a mensagem baseada na aba (opcional, mas fica legal)
                var tipoItem = (tab.trim() == 'adicao') ? 'esta Adição' : 'esta Meta';

                ModalHelper.openConfirmationModal({
                    title: 'Confirmar Exclusão',
                    message: 'Tem certeza que deseja excluir ' + tipoItem + '? Esta ação não pode ser desfeita.',
                    confirmText: 'Sim, excluir',
                    cancelText: 'Cancelar',
                    onConfirm: () => {
                        // Preenche o formulário oculto
                        $('#del-id').val(id);
                        $('#del-tab').val(tab);
                        $('#del-url').val(url);

                        // Feedback e Envio
                        ModalHelper.showToast('Excluindo registro...', '#3b82f6');
                        document.getElementById('formExclusaoMetaColaborador').submit();
                    },
                    onCancel: () => {
                        ModalHelper.showToast('Exclusão cancelada', '#f97316');
                    }
                });
            });
        });        
    </script>

    <script>
        //DataTabela('datatable-buttons');

        // function openModal(button) {
        //     // Obtenha os valores dos atributos data-id e data-url
        //     var id = button.getAttribute('data-id');
        //     var tab = button.getAttribute('data-tab');
        //     var url = button.getAttribute('data-url');

        //     // Defina os valores nos campos ocultos do formulário
        //     document.getElementById('id').value = id;
        //     document.getElementById('tab').value = tab;
        //     document.getElementById('url').value = url.trim();

        //     // Exiba o modal
        //     document.getElementById('myModal').style.display = 'block';
        // }

        // function closeModal() {
        //     // Feche o modal
        //     document.getElementById('myModal').style.display = 'none';
        // }

        // function confirmarExclusao() {
        //     // Envie o formulário
        //     document.getElementById('formExclusao').submit();
        //     closeModal();
        // }

        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);
        });

        function updateURL(value) {
            // Atualiza a URL
            const url = new URL(window.location.href);
            url.searchParams.set('tabela', value);
            window.history.pushState({}, '', url);

            // Atualiza a aba ativa
            document.querySelectorAll('.nav-link').forEach(link => {
                link.classList.remove('active');
            });

            if (value === 'adicao') {
                document.querySelector('[aria-controls="adicao"]').classList.add('active');
            } else if (value === 'meta') {
                document.querySelector('[aria-controls="meta"]').classList.add('active');
            }

            // Recarrega a página para aplicar o filtro
            location.reload();
        }
    </script>
</body>

</html>