Transfer Funds
Transfer funds between users and manage your balance
Transfer Funds
Send money to other users and manage your account balance
<div class="payment-options">
<div class="option-card">
<div class="option-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M17 9V8a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v1" />
<rect width="18" height="13" x="3" y="8" rx="2" />
<circle cx="12" cy="15" r="2" />
</svg>
</div>
<h3>Deposit</h3>
<p>Add money to your account</p>
<a href="/betting/payment" class="option-link">Deposit Funds</a>
</div>
<div class="option-card active">
<div class="option-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 19V5" />
<path d="M5 12h14" />
</svg>
</div>
<h3>Transfer</h3>
<p>Send money to other users</p>
<a href="/betting/transfers" class="option-link">Transfer Funds</a>
</div>
<div class="option-card">
<div class="option-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="20" height="14" x="2" y="5" rx="2" />
<line x1="2" x2="22" y1="10" y2="10" />
</svg>
</div>
<h3>Withdraw</h3>
<p>Cash out to your bank account</p>
<a href="/betting/withdraw" class="option-link">Withdraw Funds</a>
</div>
</div>
<div class="tab-content">
<div id="send-money" class="tab-pane active">
<!-- Include the transfer form partial -->
<div class="transfer-form-wrapper">
Transfer Funds
Send money to other users for group bets or to settle wagers
Your Balance:
$750.00
</div>
</div>
<div id="transaction-history" class="tab-pane">
<div class="transaction-filters">
<div class="filter-group">
<label for="transaction-type">Type:</label>
<select id="transaction-type">
<option value="all">All Transactions</option>
<option value="deposits">Deposits</option>
<option value="transfers">Transfers</option>
<option value="withdrawals">Withdrawals</option>
<option value="bets">Betting Activity</option>
</select>
</div>
<div class="filter-group">
<label for="date-range">Date Range:</label>
<select id="date-range">
<option value="30days">Last 30 Days</option>
<option value="90days">Last 90 Days</option>
<option value="year">This Year</option>
<option value="all">All Time</option>
</select>
</div>
</div>
<div class="transaction-list">
<div class="transaction-item deposit">
<div class="transaction-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 5v14" />
<path d="m19 12-7 7-7-7" />
</svg>
</div>
<div class="transaction-details">
<div class="transaction-title">Deposit (Credit Card)</div>
<div class="transaction-date">Apr 15, 2023</div>
</div>
<div class="transaction-amount positive">+$200.00</div>
</div>
<div class="transaction-item transfer-out">
<div class="transaction-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m5 5 5.5 5.5" />
<path d="m18 18-5.5-5.5" />
<path d="M5 19V5h14" />
</svg>
</div>
<div class="transaction-details">
<div class="transaction-title">Transfer to Jane Doe</div>
<div class="transaction-date">Apr 10, 2023</div>
</div>
<div class="transaction-amount negative">-$50.00</div>
</div>
<div class="transaction-item bet-win">
<div class="transaction-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z" />
<path d="m10 9.5 2 1.5 2-1.5" />
<path d="M12 12v4" />
<path d="M19 9a7 7 0 1 0-13.6 2.3" />
<path d="M22 22 8.6 8.6" />
</svg>
</div>
<div class="transaction-details">
<div class="transaction-title">Bet Win - Detroit Supercross</div>
<div class="transaction-date">Apr 5, 2023</div>
</div>
<div class="transaction-amount positive">+$120.00</div>
</div>
<div class="transaction-item bet-loss">
<div class="transaction-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z" />
<path d="m10 9.5 2 1.5 2-1.5" />
<path d="M12 12v4" />
<path d="M19 9a7 7 0 1 0-13.6 2.3" />
<path d="M22 22 8.6 8.6" />
</svg>
</div>
<div class="transaction-details">
<div class="transaction-title">Bet Loss - Anaheim Supercross</div>
<div class="transaction-date">Mar 28, 2023</div>
</div>
<div class="transaction-amount negative">-$75.00</div>
</div>
<div class="transaction-item transfer-in">
<div class="transaction-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m19 5-5.5 5.5" />
<path d="m6 18 5.5-5.5" />
<path d="M19 5v14H5" />
</svg>
</div>
<div class="transaction-details">
<div class="transaction-title">Transfer from Mike Johnson</div>
<div class="transaction-date">Mar 22, 2023</div>
</div>
<div class="transaction-amount positive">+$35.00</div>
</div>
</div>
</div>
</div>