<?php 
// Defina os links e informações da sua aplicação
$downloadLink = 'https://a.wctv.top/level.apk'; // Substitua com seu link de download
$moreModelsLink = 'https://sites.google.com/view/wctv-apps/p%C3%A1gina-inicial'; // Substitua com seu link para mais modelos
$whatsappLink = 'https://wa.me/5531991842358'; // Substitua com seu número de WhatsApp

include 'includes/header.php'; 
?>
<style>
    body {
        background-color: #0000ff;
        background-image: url("./img/binding_dark.webp");
        color: #0000ff;
    }

    #particles-js {
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background: #0000ff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .particles-js-canvas-el {
        position: fixed;
    }

    #pageMessages {
        left: 50%;
        transform: translateX(-50%);
        position: fixed;
        text-align: center;
        top: 5px;
        width: 60%;
        z-index: 9999;
        border-radius: 0px;
    }

    .alert {
        position: relative;
    }

    .alert .close {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 1em;
    }

    .alert .fa {
        margin-right: .3em;
    }

    .btn-custom {
        margin: 13px 0; /* Margem em cima e embaixo */
        width: 450px; /* Largura fixa para os botões */
        padding: 5px 0; /* Reduzir o preenchimento vertical */
        font-size: 22px; /* Diminuir o tamanho da fonte */
        display: block; /* Para que o botão ocupe a largura definida */
    }

    /* Centralizar os botões */
    .button-container {
        display: flex;
        flex-direction: column; /* Para empilhar os botões */
        align-items: center; /* Centraliza horizontalmente */
    }
</style>

<div class="col-lg-12">
    <div class="card border-left-primary shadow h-100 card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Gerenciar Aplicativo</h6>
        </div>
        <div class="card-body button-container"> <!-- Adicione a classe aqui -->
            <!-- Botões -->
            <button class="btn btn-secondary btn-custom" onclick="copyDownloaderCode()">Downloader: 1056402</button>
            <a href="<?php echo $downloadLink; ?>" class="btn btn-success btn-custom" target="_blank">Baixar App</a>
            <a href="<?php echo $moreModelsLink; ?>" class="btn btn-info btn-custom" target="_blank">Mais Modelos</a>
            <a href="<?php echo $whatsappLink; ?>" class="btn btn-warning btn-custom" target="_blank">Suporte via WhatsApp</a>
            <button class="btn btn-danger btn-custom" onclick="copyLink('<?php echo $downloadLink; ?>')">Copiar Link</button>
        </div>
    </div>
</div>

<script>
    function copyLink(link) {
        navigator.clipboard.writeText(link).then(function() {
            alert("Link copiado para a área de transferência!");
        }, function(err) {
            console.error('Erro ao copiar: ', err);
        });
    }

    function copyDownloaderCode() {
        const downloaderCode = "Código Downloader: 1056402";
        navigator.clipboard.writeText(downloaderCode).then(function() {
            alert("Texto copiado: " + downloaderCode);
        }, function(err) {
            console.error('Erro ao copiar: ', err);
        });
    }
</script>

<?php include 'includes/footer.php'; ?>
