<?php
// Conexão com o banco de dados
$server = "localhost";
$user   = "u146835474_ff";
$pass   = "asder123Ww@";
$db     = "u146835474_ff";

// Conectar ao banco de dados
$conexao = mysqli_connect($server, $user, $pass, $db);
if (!$conexao) {
    die("Conexão falhou: " . mysqli_connect_error());
}

// Captura o IP do usuário
$ip_usuario = $_SERVER['REMOTE_ADDR'];

// Verifica se o IP já existe na tabela 'clientes'
$sql_verifica_ip = "SELECT * FROM clientes WHERE captur_ip = '$ip_usuario'";
$resultado_ip = mysqli_query($conexao, $sql_verifica_ip);

if (mysqli_num_rows($resultado_ip) > 0) {
    // Se o IP já existir, atualiza o valor da coluna 'captur_ip' com 1
    $sql_atualiza_ip = "UPDATE clientes SET captur_ip = 1 WHERE captur_ip = '$ip_usuario'";
    if (!mysqli_query($conexao, $sql_atualiza_ip)) {
        echo "Erro ao atualizar o IP: " . mysqli_error($conexao);
    }
} else {
    // Se o IP não existir, insere um novo registro com o IP e captur_ip = 1
    $sql_insere_ip = "INSERT INTO clientes (captur_ip) VALUES (2)";
    if (!mysqli_query($conexao, $sql_insere_ip)) {
        echo "Erro ao inserir o IP: " . mysqli_error($conexao);
    }
}

// Fechar a conexão
mysqli_close($conexao);
?>

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagamento via Pix</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            text-align: center;
            overflow: hidden; /* Evita barras de rolagem */
        }

        /* Card */
        .container {
            max-width: 600px;
            border: 2px solid #fff;
            border-radius: 10px;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.7);
            position: relative; /* Necessário para animação */
            animation: moveCard 4s linear infinite, pulseCard 1.5s ease-in-out infinite; /* Animações de movimento e pulsação */
        }

        h1 {
            font-size: 24px;
            color: #ffcc00;
            animation: fadeIn 2s ease-in-out;
        }

        p {
            font-size: 18px;
            color: #fff;
        }

        .instruction {
            margin-top: 20px;
            font-size: 16px;
            color: #ddd;
        }

        .btn {
            background-color: #800080;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            margin-top: 15px;
        }

        .btn:hover {
            background-color: #9b30b6;
        }

        /* Animações CSS */
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }

        /* Animação de movimento suave do card */
        @keyframes moveCard {
            0% { transform: translateX(0) translateY(0); }
            25% { transform: translateX(20px) translateY(-20px); }
            50% { transform: translateX(-20px) translateY(20px); }
            75% { transform: translateX(20px) translateY(20px); }
            100% { transform: translateX(0) translateY(0); }
        }

        /* Efeito de pulsação do card */
        @keyframes pulseCard {
            0% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.05); opacity: 0.8; }
            100% { transform: scale(1); opacity: 1; }
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Abra o App do seu banco</h1>
    <p>E escaneie o QR code que está na tela da sua televisão.</p>

    <div class="instruction">
        <p>Após escanear o QR Code, basta confirmar o pagamento para que sua conta seja ativada automaticamente.</p>
        <p>Certifique-se de que o pagamento foi realizado com sucesso, e a página será atualizada automaticamente.</p>
    </div>

   
</div>

<script>
    function copiarTexto() {
        // Seleciona o campo de texto
        var campoDeTexto = document.getElementById("linhapix");

        // Seleciona o texto e copia para a área de transferência
        campoDeTexto.select();
        document.execCommand("copy");

        // Exibe uma mensagem de sucesso
        alert("Linha do Pix copiada com sucesso!");
    }
</script>

</body>
</html>
