Skip to main content

My Bets

Track your bets and view results

My Bets

Track your betting history and view live results

$750
Available Balance
  <div class="stat-card">
    <div class="stat-value">$380</div>
    <div class="stat-label">Active Bets</div>
  </div>
  
  <div class="stat-card">
    <div class="stat-value">$1,250</div>
    <div class="stat-label">Total Winnings</div>
  </div>
  
  <div class="stat-card">
    <div class="stat-value">68%</div>
    <div class="stat-label">Win Rate</div>
  </div>
</div>
Detroit Supercross
Pending
      <div class="bet-details">
        <div class="bet-type">Race Winner</div>
        <div class="bet-selection">Jett Lawrence</div>
        <div class="bet-odds">+150</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$100 bet</div>
        <div class="bet-potential">Potential win: $150</div>
      </div>
      
      <div class="live-indicator">
        <div class="live-label">LIVE NOW</div>
        <button class="watch-btn">Watch Race</button>
      </div>
    </div>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Glendale Supercross</div>
        <div class="bet-status pending">Pending</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Podium Finish</div>
        <div class="bet-selection">Cooper Webb</div>
        <div class="bet-odds">+200</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$50 bet</div>
        <div class="bet-potential">Potential win: $100</div>
      </div>
    </div>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Glendale Supercross</div>
        <div class="bet-status pending">Pending</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Head-to-Head</div>
        <div class="bet-selection">Chase Sexton vs. Cooper Webb (Sexton to win)</div>
        <div class="bet-odds">-120</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$120 bet</div>
        <div class="bet-potential">Potential win: $100</div>
      </div>
    </div>
  </div>
</div>

<!-- Settled Bets Tab -->
<div id="settled-bets" class="tab-content">
  <div class="bet-list" id="settled-bet-list">
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Anaheim 1 Supercross</div>
        <div class="bet-status won">Won</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Race Winner</div>
        <div class="bet-selection">Jett Lawrence</div>
        <div class="bet-odds">+180</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$100 bet</div>
        <div class="bet-winnings">Winnings: $180</div>
      </div>
    </div>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">San Diego Supercross</div>
        <div class="bet-status lost">Lost</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Podium Finish</div>
        <div class="bet-selection">Jason Anderson</div>
        <div class="bet-odds">+150</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$75 bet</div>
        <div class="bet-result">Result: 5th place</div>
      </div>
    </div>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Anaheim 2 Supercross</div>
        <div class="bet-status won">Won</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Head-to-Head</div>
        <div class="bet-selection">Cooper Webb vs. Ken Roczen (Webb to win)</div>
        <div class="bet-odds">-110</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$110 bet</div>
        <div class="bet-winnings">Winnings: $100</div>
      </div>
    </div>
  </div>
</div>

<!-- Group Bets Tab -->
<div id="group-bets" class="tab-content">
  <div class="group-selector">
    <label for="group-select">Select Group:</label>
    <select id="group-select">
      <option value="moto-maniacs">Moto Maniacs</option>
      <option value="factory-fans">Factory Fans</option>
    </select>
  </div>
  
  <div class="group-leaderboard">
    <h3>Group Leaderboard</h3>
    <table class="leaderboard-table">
      <thead>
        <tr>
          <th>Rank</th>
          <th>Member</th>
          <th>Win/Loss</th>
          <th>Profit</th>
        </tr>
      </thead>
      <tbody>
        <tr class="current-user">
          <td>1</td>
          <td>You</td>
          <td>12-5</td>
          <td>+$430</td>
        </tr>
        <tr>
          <td>2</td>
          <td>JohnD</td>
          <td>10-7</td>
          <td>+$270</td>
        </tr>
        <tr>
          <td>3</td>
          <td>MotoFan23</td>
          <td>8-9</td>
          <td>+$150</td>
        </tr>
        <tr>
          <td>4</td>
          <td>RaceFan99</td>
          <td>7-10</td>
          <td>-$85</td>
        </tr>
        <tr>
          <td>5</td>
          <td>TwoWheelTom</td>
          <td>5-12</td>
          <td>-$210</td>
        </tr>
      </tbody>
    </table>
  </div>
  
  <div class="group-bets-list">
    <h3>Recent Group Bets</h3>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Detroit Supercross</div>
        <div class="bet-user">JohnD</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Race Winner</div>
        <div class="bet-selection">Cooper Webb</div>
        <div class="bet-odds">+220</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$100 bet</div>
        <div class="bet-potential">Potential win: $220</div>
      </div>
    </div>
    
    <div class="bet-card">
      <div class="bet-header">
        <div class="bet-race">Detroit Supercross</div>
        <div class="bet-user">MotoFan23</div>
      </div>
      
      <div class="bet-details">
        <div class="bet-type">Race Winner</div>
        <div class="bet-selection">Chase Sexton</div>
        <div class="bet-odds">+180</div>
      </div>
      
      <div class="bet-footer">
        <div class="bet-amount">$50 bet</div>
        <div class="bet-potential">Potential win: $90</div>
      </div>
    </div>
  </div>
</div>

Live Race Updates

Detroit Supercross - 450 Main Event
Live Now
  <div class="lap-counter">Lap 4 of 20</div>
  
  <div class="leaderboard">
    <div class="position-row position-1">
      <div class="position-number">1</div>
      <div class="rider-info">
        <div class="rider-name">Jett Lawrence</div>
        <div class="rider-number">#18</div>
      </div>
      <div class="rider-gap">Leader</div>
    </div>
    
    <div class="position-row position-2">
      <div class="position-number">2</div>
      <div class="rider-info">
        <div class="rider-name">Cooper Webb</div>
        <div class="rider-number">#2</div>
      </div>
      <div class="rider-gap">+2.3s</div>
    </div>
    
    <div class="position-row position-3">
      <div class="position-number">3</div>
      <div class="rider-info">
        <div class="rider-name">Chase Sexton</div>
        <div class="rider-number">#1</div>
      </div>
      <div class="rider-gap">+4.7s</div>
    </div>
    
    <div class="position-row position-4">
      <div class="position-number">4</div>
      <div class="rider-info">
        <div class="rider-name">Jason Anderson</div>
        <div class="rider-number">#21</div>
      </div>
      <div class="rider-gap">+7.1s</div>
    </div>
    
    <div class="position-row position-5">
      <div class="position-number">5</div>
      <div class="rider-info">
        <div class="rider-name">Justin Barcia</div>
        <div class="rider-number">#51</div>
      </div>
      <div class="rider-gap">+9.8s</div>
    </div>
  </div>
</div>