<?php include 'config.php'; ?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo SITE_NAME; ?></title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://cdn.jsdelivr.net/npm/web3@1.8.0/dist/web3.min.js"></script>
</head>
<body>
    <div class="container">
        <header>
            <h1>WMXT Token Migration</h1>
            <p>Migre seus tokens WMXT para a nova versão V2</p>
        </header>

        <div class="wallet-section">
            <button id="connectWallet" class="btn btn-primary">Conectar Carteira</button>
            <div id="walletInfo" class="wallet-info hidden">
                <p>Conectado: <span id="walletAddress"></span></p>
                <p>Rede: <span id="networkInfo"></span></p>
            </div>
        </div>

        <div class="migration-section hidden">
            <div class="balance-card">
                <h3>Saldo WMXT Antigo</h3>
                <div id="oldBalance" class="balance">0.0000</div>
                <button id="refreshBalance" class="btn btn-secondary">Atualizar Saldo</button>
            </div>

            <div class="balance-card">
                <h3>Saldo WMXT V2</h3>
                <div id="newBalance" class="balance">0.0000</div>
            </div>

            <div class="migration-form">
                <h3>Migrar Tokens</h3>
                <div class="form-group">
                    <label for="migrationAmount">Quantidade para migrar:</label>
                    <input type="number" id="migrationAmount" placeholder="0.0" step="0.0001">
                    <button id="setMaxAmount" class="btn btn-small">Máximo</button>
                </div>
                
                <div class="approval-section">
                    <button id="approveTokens" class="btn btn-warning" disabled>Aprovar Tokens</button>
                    <span id="approvalStatus"></span>
                </div>

                <button id="migrateTokens" class="btn btn-success" disabled>Migrar Tokens</button>
            </div>
        </div>

        <div class="info-section">
            <h3>Informações Importantes</h3>
            <ul>
                <li>Taxa de migração: 0%</li>
                <li>Período de migração: 90 dias</li>
                <li>Tokens antigos serão queimados após a migração</li>
                <li>Certifique-se de estar na rede Binance Smart Chain</li>
            </ul>
        </div>

        <div id="transactionStatus" class="status-modal hidden">
            <div class="modal-content">
                <h3>Status da Transação</h3>
                <div id="statusMessage"></div>
                <div id="transactionHash" class="transaction-hash"></div>
                <button id="closeModal" class="btn btn-primary">Fechar</button>
            </div>
        </div>
    </div>

    <script src="js/app.js"></script>
</body>
</html>
