<?php
require '../../conexao/conexao.php';
require '../../configuacoes.php';
//require '../../sessao.php';
require '../../conexao/acesso.php';
require '../../configuracao/filtros.php';
//Declarando null pro resultado do record, caso o usuário clique em pesquisar, ela será preenchida.
$resultmeta = null;


// $sql_cidade = "select distinct dc.id_cidade , nome_cidade  from dia_trabalho_cidade dc
// inner join cidade c on c.id_cidade = dc.id_cidade";
// $resulcidade = $connectionmysql->query($sql_cidade);

$filtros = new Filtros();

// Obtendo os parâmetros
$cidade = $_GET['cidade'] ?? null;
$ano = $_GET['ano'] ?? null;
$mes = $_GET['mes'] ?? null;

$query_string = http_build_query([
    'cidade' => $cidade,
    'ano' => $ano,
    'mes' => $mes,
    'form_submitted' => '1'
]);
//VERIFICANDO SE O USUÁRIO CLICOU NO BOTÃO PESQUISAR
if (isset($_GET['form_submitted']) && $_GET['form_submitted'] == '1') {
    $sql_base = "select * from dias_semana WHERE 1=1";

    // Adicionando condições conforme os parâmetros
    // if (isset($cidade) && trim($cidade) !== "Selecione") {
    //     $sql_base .= " AND dc.id_cidade = $cidade";
    // }

    // Se ano foi enviado, filtra pelo ano da data_inicial
    if (!empty($ano) && trim($ano) !== "Selecione") {
        $ano = intval($ano);
        $sql_base .= " AND YEAR(data_inicial) = $ano";
    }

    // Se mês foi enviado, filtra pelo mês da data_inicial
    if (!empty($mes) && $mes !== "Selecione") {
        $mes = intval($mes);
        $sql_base .= " AND MONTH(data_inicial) = $mes";
    }

    $sql_base .= " order by data_inicial asc";

    $resultmeta = $connectionmysql->query($sql_base);
    $dados = [];
    if ($resultmeta) {
        while ($row = $resultmeta->fetch_assoc()) {
            $dados[] = $row;
        }
    }
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<?php
$pageTitle = "Alterar Semanas"; // Definir o título da página aqui
include('../header.php'); ?>

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

<head>
    <link rel="icon" href="/mandareceita/pages/configuracoes/logo-sm.png">
    <link rel="shortcut icon" href="/mandareceita/pages/configuracoes/logo-sm.png">
    <link rel="stylesheet" href="../../configuracao/modalexcluir.css">
</head>

<body>


    <!-- ============================================================== -->
    <!-- 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">Alterar Semanas</h4>
                    </div>

                    <div class="col-6 text-right">
                        <?php if (isset($dados) && count($dados) > 0) : ?>
                            <a href="preenchersemanas.php?id=1&<?php echo $query_string ?>" class="btn btn-light" alt="Preencher semanas" title="Preencher semanas"><i class="mdi mdi-plus"></i> Atualizar Semanas</a>
                        <?php endif ?>

                        <a href="preenchersemanas.php?<?php echo $query_string ?>" class="btn btn-light" alt="Preencher semanas" title="Preencher semanas"><i class="mdi mdi-plus"></i> Cadastrar Semanas</a>
                    </div>

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

                    <div class="col-12">
                        <form method="get" action="" onsubmit="return validarFormulario()">
                            <div class="form-row mb-3">
                                <?php echo $filtros->filtroAno($ano); ?>
                                <?php echo $filtros->filtroMes($mes); ?>

                                <!--CAMPO PARA INDICAR QUE CLICAMOS NO PESQUISAR -->
                                <input type="hidden" name="form_submitted" value="1" />
                                <div class="col-12 col-md-4 col-lg-8 d-flex mt-2" style="align-items:center;justify-content: end;">
                                    <div>
                                        <a href="index.php" class="btn btn-warning mr-2"><i class="mdi mdi-plus"></i> Limpar</a>
                                    </div>
                                    <div>
                                        <button type="submit" class="btn btn-primary"><i class="mdi mdi-magnify"></i> Pesquisar</button>
                                    </div>
                                </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 Semanas</h6>
                        </div>

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

                                if (isset($dados) && count($dados) > 0) {
                                    foreach ($dados as $row) {
                                        $hasResults = true;
                                ?>
                                        <tr class="text-center">
                                            <td><?php echo htmlspecialchars($row['semana_mes']); ?></td>
                                            <td>
                                                <?php
                                                $dataInicial = date('d/m/Y', strtotime($row['data_inicial']));
                                                $dataFinal   = date('d/m/Y', strtotime($row['data_final']));
                                                echo htmlspecialchars($dataInicial . " até " . $dataFinal);
                                                ?>
                                            </td>
                                            <td>
                                                <button data-id="<?php echo $row['id']; ?>" data-url="<?php echo $query_string; ?>" class="table-actions link-view excluir-btn" title="Excluir Semana" onclick="openModal('<?php echo $row['id']; ?>','<?php echo $query_string; ?>')">
                                                    <i class="mdi mdi-delete-forever"></i>
                                                </button>
                                            </td>
                                        </tr>
                                <?php
                                    } // fecha foreach
                                } // fecha if
                                ?>


                                <?php if (!$hasResults) : ?>
                                    <tr>
                                        <td colspan='4' class='text-center'>Sem resultado para a consulta</td>
                                    </tr>
                                <?php endif; ?>

                            </tbody>
                        </table>
                    </div>
            </div>

        <?php } //fechamento do IF que valida se o usuário clicou no botão pesquisar 
        ?>
        </div>
    </div>


    <!-- end wrapper -->
    <div id="myModal" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">&times;</span>
            <h2>Deseja realmente excluir a Samana definida?</h2>

            <form id="formExclusao" method="post" action="excluir_semana.php">
                <input type="hidden" id="idsemana" name="idsemana" value="">
                <input type="hidden" id="url" name="url" value="">
                <input type="hidden" name="acao" value="excluir">

                <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>
    <!-- ============================================================== -->
    <!-- End Page content -->
    <!-- ============================================================== -->

    <?php include('../footer.php'); ?>
    <?php include('../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>

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

    <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: '<"d-flex justify-content-between align-items-center mb-2"Bf>t<"datatable-footer d-flex justify-content-between align-items-center mt-2 w-100"<"footer-left"l><"footer-center"i><"footer-right"p>>',
            });
            setTimeout(function() {
                $("#datatable-buttons_filter").children("label").css("font-size", "15px");
            }, 50);

            setTimeout(function() {
                $("#datatable-buttons_length").children("label").css("font-size", "15px");
            }, 50);
        });

        // Função para abrir o modal e definir os valores dos campos ocultos
        function openModal(idsemana, url) {
            document.getElementById('idsemana').value = idsemana;
            document.getElementById('url').value = url;
            document.getElementById('myModal').style.display = 'block';
        }

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

        // Função para confirmar a exclusão e enviar o formulário
        function confirmarExclusao() {
            // Aqui você pode adicionar lógica para confirmar a exclusão
            // Por exemplo, enviar o formulário
            document.getElementById('formExclusao').submit();
            closeModal();
        }

        function showModal(modalId, title, message) {
            const modalElement = document.getElementById(modalId);
            const modal = new bootstrap.Modal(modalElement);
            modalElement.querySelector('.modal-title').textContent = title;
            modalElement.querySelector('.modal-body p').textContent = message;
            modal.show();
        }

        function validarCampo(id) {
            const campo = document.getElementById(id);
            const valor = campo.value.trim();
            let campoValido = true;

            if (!valor || valor === 'Selecione' || valor === 'Todos') {
                campoValido = false;
                campo.classList.add('is-invalido');
            } else {
                campo.classList.remove('is-invalido');
            }
            return campoValido;
        }


        function validarFormulario() {
            //   const funcionarioValido = validarCampo('funcionario');
            let camposValidos = true;

            // if (!funcionarioValido) {
            const mesValido = validarCampo('mes');
            const anoValido = validarCampo('ano');

            camposValidos = mesValido && anoValido;
            //  }

            if (!camposValidos) {
                // showModal('exampleModal', 'Informação', 'Por favor, selecione um ano e um mês para realizar a consulta.');
            }

            return camposValidos;
        }


        function verificarErroNaURL() {
            const urlParams = new URLSearchParams(window.location.search);
            const errorMessage = urlParams.get('error');
            if (errorMessage) {
                showModal('exampleModal', 'Erro', errorMessage);
            }
        }
        window.onload = verificarErroNaURL;

        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>
    <style>
        .is-invalido {
            box-shadow: 0 0 5px red !important;
        }

        .modal {
            z-index: 9999;
        }
    </style>
</body>

</html>