<?php
require '../../conexao/conexao.php';
//require '../sessao.php';
require '../../configuacoes.php';
require '../../conexao/acesso.php';

$resultmeta = null;

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Verifica se o arquivo foi enviado
    if (isset($_FILES['logo']) && $_FILES['logo']['error'] == UPLOAD_ERR_OK) {
        // Define o diretório onde a imagem será armazenada
        $pasta = '../../../assets/images/'; // Altere para o caminho desejado

        // Chama a função para fazer o upload da imagem
        $imagemNome = uploadImage($_FILES['logo'], $pasta);

        if ($imagemNome) {
            // Busca a imagem existente na tabela
            $sqlSelect = "SELECT logo FROM personaliza_paginas LIMIT 1"; // Ajuste a consulta conforme necessário
            $resultado = $connectionmysql->query($sqlSelect);

            if ($resultado && $resultado->num_rows > 0) {
                // Se já existe uma imagem, pega o nome da imagem
                $linha = $resultado->fetch_assoc();
                $imagemAntiga = $linha['logo'];

                // Exclui a imagem antiga do diretório
                if (file_exists($pasta . $imagemAntiga)) {
                    unlink($pasta . $imagemAntiga);
                }

                // Deleta a entrada anterior do banco de dados
                $sqlDelete = "DELETE FROM personaliza_paginas"; // Ajuste se houver um id específico
                $connectionmysql->query($sqlDelete);
            }

            // Prepara a query para inserção no banco de dados, salvando apenas o nome do arquivo
            $sqlInsert = "INSERT INTO personaliza_paginas (logo) VALUES ('$imagemNome')";

            if ($connectionmysql->query($sqlInsert) === TRUE) {
                echo "Imagem inserida com sucesso!";
            } else {
                echo "Erro: " . $sqlInsert . "<br>" . $connectionmysql->error;
            }
        } else {
            echo "Erro ao fazer upload da imagem.";
        }
    } else {
        echo "Erro no upload do arquivo: " . $_FILES['logo']['error'];
    }
}

// Função para fazer o upload da imagem
function uploadImage($file, $destinationFolder)
{
    // Verifica se o diretório existe e se é gravável
    if (!is_dir($destinationFolder) || !is_writable($destinationFolder)) {
        die("O diretório não existe ou não é gravável.");
    }

    // Define o nome do arquivo e o caminho de destino
    $imagemNome = basename($file['name']);
    $caminhoImagem = $destinationFolder . $imagemNome;

    // Move o arquivo para o diretório desejado
    if (move_uploaded_file($file['tmp_name'], $caminhoImagem)) {
        return $imagemNome; // Retorna o nome do arquivo
    }

    return false; // Retorna false em caso de erro
}
// Fecha a conexão (opcional, o PHP fecha automaticamente no final do script)
$connectionmysql->close();

?>

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

<?php
$pageTitle = "Preferências"; // 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">Escolha como sera sua Personalização</h4>
                                </div>


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

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


                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="col-12">
                                <form method="post" enctype="multipart/form-data">
                                    <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">Logo</th>
                                                </tr>
                                                <tr class="text-center">
                                                    <th>
                                                        <input type="file" name="logo" id="logo" class="form-control" required>
                                                        <div id="fileError" class="text-danger" style="display:none;">Por favor, selecione um arquivo de imagem válido (.jpg, .jpeg, .png, .gif).</div>
                                                    </th>

                                                </tr>
                                            </thead>
                                        </table>

                                        <div class="col-12 text-right">
                                            <button type="submit" class="btn btn-primary"><i class="mdi mdi-plus"></i> Inserir Dados</button>
                                        </div>
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </main>
        </div>

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

    <!-- FINAL MODAL DE EXCLUIR -->

    <!-- end wrapper -->

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

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

    <script>
        document.getElementById('logo').addEventListener('change', function(event) {
            const allowedExtensions = ['jpg', 'jpeg', 'png', 'gif']; // Extensões permitidas
            const fileInput = event.target;
            const fileError = document.getElementById('fileError');

            // Obtém o nome do arquivo e a extensão
            const fileName = fileInput.value.split('\\').pop();
            const fileExtension = fileName.split('.').pop().toLowerCase();

            // Verifica se a extensão é permitida
            if (!allowedExtensions.includes(fileExtension)) {
                fileError.style.display = 'block'; // Exibe a mensagem de erro
                fileInput.value = ''; // Limpa o campo de arquivo
            } else {
                fileError.style.display = 'none'; // Oculta a mensagem de erro
            }
        });
    </script>

    <!-- Vendor js -->
    <script src="../../../assets/js/vendor.min.js"></script>
    <!-- App js-->
    <script src="../../../assets/js/app.min.js"></script>
    <script src="../geral/../javascript.js"></script>
    <!-- Mask,dt_table -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.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">
    <!-- Tab pene -->
    <script src="../../../assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

    <style>
        .bt {
            background-color: #e6e6e6;
            border-radius: 15px;
            padding: 4px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 180px;
        }



        .nav-tabs {
            border: none;
            background-color: #e6e6e6;
            border-radius: 15px;
            padding: 5px;
        }

        .nav-tabs .nav-link {
            background-color: #bfbfbf;
            color: white;
            border: none;
            border-radius: 15px;
            margin: 0 5px;
            padding: 10px 20px;
            transition: background-color 0.3s, color 0.3s;
            text-align: center;
        }

        .nav-tabs .nav-link:hover {
            background-color: #d0d0d0;
            color: #000;
        }

        .nav-tabs .nav-link.active {
            background-color: #fff;
            /*background-color: #35B8E0;*/
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            color: #000;
            font-weight: bold;
        }
    </style>

</body>

</html>