<?php
include 'header.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

    $_SESSION['withdrawal_data'] = [
        'amount' => floatval($_POST['amount']),
        'crypto_method' => trim($_POST['crypto_method']),
        'wallet_address' => trim($_POST['wallet_address']),
        'fee_percent' => $withdrawal_Fee 
    ];
    
     echo "<script> window.location.href = 'confirm_withdrawals.php';</script>";
     exit();
}
?>
    

    
    <div class="pt-28 md:pt-0 mt-0 md:mt-36 w-full md:w-4/5" id="general-content">
        <div class="w-full md:w-10/12 md:ml-64 2xl:ml-1/5" id="general-content-section">

            
            <div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="flex justify-between items-center">
                <div>
                    
                    <h2 class="bg-transparent text-[#ebedf2] font-medium capitalize">
                        New Withdrawal Request
                    </h2>
                </div>

                <div>
                    <a href="dashboard.php" class="flex justify-start items-center text-xs text-gray-400 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M11 17l-5-5m0 0l5-5m-5 5h12" />
                        </svg>
                        <span>back</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
            

            
            <div id="preloader" class="action-preloader">
    <div id="loading-bar-spinner" class="spinner">
        <div class="spinner-icon"></div>
    </div>
</div>

            
            
            
                        

            
                        

            
            <div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="w-full flex justify-start items-baseline space-x-2">
                
                <h6 class="bg-transparent text-center text-[#ebedf2] text-xs md:text-sm capitalize">
                    Available Bal.
                </h6>
                <h2 class="bg-transparent text-center text-[#ebedf2] text-xl md:text-2xl font-semibold capitalize">
                    USD <?php echo number_format($balance, 2) ?>
                </h2>
            </div>

            <hr class="w-full border-b border-dotted border-gray-600 border">

            <div class="md:p-4">
        <form action="#" method="POST">
            <table class="w-full text-[#bfc9d4] text-xs md:text-sm table-fixed border-separate border-spacing-x-2 border-spacing-y-1 overflow-x-scroll">
                <tbody class="md:p-4">
                    <tr>
                        <td><span class="font-medium">Min Withdrawal:</span></td>
                        <td>USD <?php echo $min_withdrawal ?></td>
                    </tr>
                    <tr>
                        <td><span class="font-medium">Max Withdrawal:</span></td>
                        <td> USD <?php echo $max_withdrawals ?></td>
                    </tr>
                    <tr>
                        <td colspan="2" class="font-medium">
                            <span class="font-medium">Withdrawal Fee:</span>
                            <span><?php echo $withdrawal_Fee ?>%</span>
                        </td>
                    </tr>
    
                    <tr>
                        <td class="font-medium">
                            <label for="crypto_method">Cryptocurrency Method:</label>
                        </td>
                        <td>
                            <select name="crypto_method" id="crypto_method" class="cred-hyip-theme1-text-input w-full" required>
                                <option value="">Select Cryptocurrency</option>
                                <option value="BTC">Bitcoin (BTC)</option>
                                <option value="ETH">Ethereum (ETH)</option>
                                <option value="USDT-ERC20">Tether (USDT-ERC20)</option>
                                <option value="USDT-TRC20">Tether (USDT-TRC20)</option>
                                <option value="BNB">Binance Coin (BNB)</option>
                                <option value="XRP">Ripple (XRP)</option>
                                <option value="SOL">Solana (SOL)</option>
                                <option value="LTC">Litecoin (LTC)</option>
                            </select>
                        </td>
                    </tr>
                    
                    <!-- Wallet Address Input -->
                    <tr>
                        <td class="font-medium">
                            <label for="wallet_address">Wallet Address:</label>
                        </td>
                        <td>
                            <div class="relative">
                                <input type="text" name="wallet_address" id="wallet_address" required class="cred-hyip-theme1-text-input w-full" placeholder="Enter your wallet address">
                            </div>
                        </td>
                    </tr>
                    
                    <!-- Amount Input -->
                    <tr>
                        <td class="font-medium">
                            <label for="amount">Amount USD:</label>
                        </td>
                        <td>
                            <div class="relative">
                                <svg xmlns="http://www.w3.org/2000/svg" class="cred-hyip-theme1-input-icon h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
                                </svg>
                                <input type="number" step="any" name="amount" id="amount" required value=""  placeholder="Enter amount" min="50" max="500" class="cred-hyip-theme1-text-input w-full">
                            </div>
                        </td>
                    </tr>
                    
                   
                    
                    <tr>
                        <td colspan="2">
                            <hr class="w-full border-b border-dotted border-gray-600 border">
    
                            <div class="w-full mt-5 px-5">
                                <button type="submit" class="w-1/3 text-xs md:text-sm text-[#d1d5db] text-center px-5 py-2 bg-[#1b2e4b] hover:bg-gray-700 rounded-md">
                                    Next
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
</div>

<style>
    /* Style for the dropdown */
    select.cred-hyip-theme1-text-input {
        background-color: #0e1726;
        color: #bfc9d4;
        border: none;
        border-bottom: 2px solid #1e293b;
        padding: 8px 12px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfc9d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 15px;
    }
    
    /* Style for the wallet address input */
    #wallet_address {
        padding-left: 40px;
    }
</style>

<script>
    // You can add JavaScript here to handle any dynamic behavior
    document.addEventListener('DOMContentLoaded', function() {
        // Example: Validate wallet address based on selected cryptocurrency
        document.getElementById('crypto_method').addEventListener('change', function() {
            const crypto = this.value;
            const addressField = document.getElementById('wallet_address');
            
            // Clear any previous validation messages
            addressField.setCustomValidity('');
            
            // Set placeholder based on selected crypto
            if (crypto) {
                addressField.placeholder = `Enter your ${crypto} wallet address`;
            } else {
                addressField.placeholder = 'Enter your wallet address';
            }
        });
        
        // Validate amount range
        document.getElementById('amount').addEventListener('input', function() {
            const amount = parseFloat(this.value);
            if (amount < 50) {
                this.setCustomValidity('Minimum withdrawal is USD50.00');
            } else if (amount > 500) {
                this.setCustomValidity('Maximum withdrawal is USD500.00');
            } else {
                this.setCustomValidity('');
            }
        });
    });
</script>
        </div>
    </div>
</div>
            

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


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