<div class="tab-content">
  <!-- Bank Transfer Tab -->
  <div id="bank-transfer" class="tab-pane active">
    <div class="withdraw-form">
      <div class="form-group">
        <label for="bank-amount">Amount to Withdraw ($)</label>
        <div class="input-with-icon">
          <span class="currency-icon">$</span>
          <input type="number" id="bank-amount" min="10" step="5" placeholder="0.00">
        </div>
        <div class="amount-hint">Minimum withdrawal: $10.00</div>
      </div>
      
      <div class="saved-accounts">
        <h3>Your Bank Accounts</h3>
        
        <div class="accounts-list">
          <div class="no-accounts">
            You don't have any saved bank accounts yet.
          </div>
          
          <button id="add-account" class="add-account-btn">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M12 5v14" />
              <path d="M5 12h14" />
            </svg>
            Add Bank Account
          </button>
        </div>
      </div>
      
      <div id="add-account-form" class="add-account-form hidden">
        <h3>Add Bank Account</h3>
        
        <div class="form-group">
          <label for="account-holder">Account Holder Name</label>
          <input type="text" id="account-holder" placeholder="Your full name">
        </div>
        
        <div class="form-row">
          <div class="form-group">
            <label for="routing-number">Routing Number</label>
            <input type="text" id="routing-number" placeholder="9 digits">
          </div>
          
          <div class="form-group">
            <label for="account-number">Account Number</label>
            <input type="text" id="account-number" placeholder="Your account number">
          </div>
        </div>
        
        <div class="form-group">
          <label for="account-type">Account Type</label>
          <select id="account-type">
            <option value="checking">Checking</option>
            <option value="savings">Savings</option>
          </select>
        </div>
        
        <div class="form-actions">
          <button id="cancel-add-account" class="cancel-btn">Cancel</button>
          <button id="save-account" class="save-btn">Save Account</button>
        </div>
      </div>
      
      <div id="bank-errors" class="error-message" role="alert"></div>
      
      <button id="submit-bank-withdraw" class="withdraw-button">
        <span id="bank-button-text">Withdraw to Bank</span>
        <div id="bank-spinner" class="spinner hidden"></div>
      </button>
    </div>
  </div>
  
  <!-- PayPal Tab -->
  <div id="paypal" class="tab-pane">
    <div class="withdraw-form">
      <div class="form-group">
        <label for="paypal-email">PayPal Email Address</label>
        <input type="email" id="paypal-email" placeholder="your-email@example.com">
      </div>
      
      <div class="form-group">
        <label for="paypal-amount">Amount to Withdraw ($)</label>
        <div class="input-with-icon">
          <span class="currency-icon">$</span>
          <input type="number" id="paypal-amount" min="10" step="5" placeholder="0.00">
        </div>
        <div class="amount-hint">Minimum withdrawal: $10.00</div>
      </div>
      
      <div id="paypal-errors" class="error-message" role="alert"></div>
      
      <button id="submit-paypal-withdraw" class="withdraw-button">
        <span id="paypal-button-text">Withdraw to PayPal</span>
        <div id="paypal-spinner" class="spinner hidden"></div>
      </button>
      
      <div class="paypal-info">
        <p>Funds will typically arrive in your PayPal account within 24 hours, but may take up to 3 business days during high volume periods.</p>
      </div>
    </div>
  </div>
  
  <!-- Cryptocurrency Tab -->
  <div id="crypto" class="tab-pane">
    <div class="withdraw-form">
      <div class="form-group">
        <label for="crypto-currency">Select Cryptocurrency</label>
        <select id="crypto-currency">
          <option value="btc">Bitcoin (BTC)</option>
          <option value="eth">Ethereum (ETH)</option>
          <option value="sol">Solana (SOL)</option>
          <option value="usdc">USD Coin (USDC)</option>
        </select>
      </div>
      
      <div class="form-group">
        <label for="crypto-address">Your Wallet Address</label>
        <input type="text" id="crypto-address" placeholder="Enter your wallet address">
      </div>
      
      <div class="form-group">
        <label for="crypto-amount">Amount to Withdraw ($)</label>
        <div class="input-with-icon">
          <span class="currency-icon">$</span>
          <input type="number" id="crypto-amount" min="10" step="5" placeholder="0.00">
        </div>
        <div class="amount-hint">Minimum withdrawal: $10.00</div>
      </div>
      
      <div class="crypto-conversion">
        <p>You will receive approximately <span id="crypto-value">0.00</span> <span id="crypto-symbol">BTC</span></p>
      </div>
      
      <div id="crypto-errors" class="error-message" role="alert"></div>
      
      <button id="submit-crypto-withdraw" class="withdraw-button">
        <span id="crypto-button-text">Withdraw to Wallet</span>
        <div id="crypto-spinner" class="spinner hidden"></div>
      </button>
      
      <div class="crypto-info">
        <p>Please double-check your wallet address carefully. Cryptocurrency transactions cannot be reversed once confirmed.</p>
        <p>Withdrawals will be processed within 2 hours during normal operation.</p>
      </div>
    </div>
  </div>
</div>