Friend Bets
#

Challenge your friends directly with custom head-to-head wagers. Create personalized bets on race outcomes, rider performance, or any other aspect of Supercross and Motocross racing. Settle bets automatically through our secure platform.

Current Membership Status: Not Logged In

How Friend Bets Work
#

1. Create a Bet

Propose a wager with custom terms, stake amount, and select a friend to challenge.

2. Friend Accepts

Your friend receives the challenge and can accept, decline, or counter-offer.

3. Automatic Settlement

After the event, MXRaceHub automatically settles the bet and transfers winnings.

Create a New Friend Bet
#

Challenge a Friend

Choose an event, specify your prediction, and select a friend to challenge. Customize your wager amount and terms.

Select Event

    <div class="mb-4">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Bet Type</label>
      <div class="relative">
        <select id="bet-type" name="betType" class="w-full appearance-none bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pr-8">
          <option value="race-winner">Race Winner</option>
          <option value="head-to-head">Head-to-Head Rider Matchup</option>
          <option value="custom">Custom Proposition</option>
        </select>
        <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-neutral-700 dark:text-neutral-300">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
    </div>
    
    <div id="race-winner-prediction" class="mb-4">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Your Prediction</label>
      <div class="relative">
        <select id="rider-prediction" name="selectedRiderId" class="w-full appearance-none bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pr-8">
          <option value="jett-lawrence">Jett Lawrence</option>
          <option value="chase-sexton">Chase Sexton</option>
          <option value="eli-tomac">Eli Tomac</option>
          <option value="cooper-webb">Cooper Webb</option>
          <option value="aaron-plessinger">Aaron Plessinger</option>
          <option value="justin-barcia">Justin Barcia</option>
          <option value="jason-anderson">Jason Anderson</option>
          <option value="malcolm-stewart">Malcolm Stewart</option>
        </select>
        <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-neutral-700 dark:text-neutral-300">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
    </div>
    
    <div id="head-to-head-prediction" class="mb-4 hidden">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Rider Matchup</label>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div>
          <label class="block text-sm text-neutral-600 dark:text-neutral-400 mb-1">Rider 1</label>
          <div class="relative">
            <select id="rider1-select" name="riderOneId" class="w-full appearance-none bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pr-8">
              <option value="jett-lawrence">Jett Lawrence</option>
              <option value="chase-sexton">Chase Sexton</option>
              <option value="eli-tomac">Eli Tomac</option>
              <option value="cooper-webb">Cooper Webb</option>
              <option value="aaron-plessinger">Aaron Plessinger</option>
            </select>
            <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-neutral-700 dark:text-neutral-300">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </div>
          </div>
        </div>
        <div>
          <label class="block text-sm text-neutral-600 dark:text-neutral-400 mb-1">Rider 2</label>
          <div class="relative">
            <select id="rider2-select" name="riderTwoId" class="w-full appearance-none bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pr-8">
              <option value="chase-sexton">Chase Sexton</option>
              <option value="jett-lawrence">Jett Lawrence</option>
              <option value="eli-tomac">Eli Tomac</option>
              <option value="cooper-webb">Cooper Webb</option>
              <option value="aaron-plessinger">Aaron Plessinger</option>
            </select>
            <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-neutral-700 dark:text-neutral-300">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="6 9 12 15 18 9"></polyline>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div class="mt-3">
        <label class="block text-sm text-neutral-600 dark:text-neutral-400 mb-1">Your Pick</label>
        <div class="flex space-x-4">
          <label class="inline-flex items-center">
            <input type="radio" name="rider-pick" value="rider1" class="form-radio" checked>
            <span class="ml-2" id="rider1-name">Jett Lawrence</span>
          </label>
          <label class="inline-flex items-center">
            <input type="radio" name="rider-pick" value="rider2" class="form-radio">
            <span class="ml-2" id="rider2-name">Chase Sexton</span>
          </label>
        </div>
      </div>
    </div>
    
    <div id="custom-prediction" class="mb-4 hidden">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Custom Proposition</label>
      <textarea id="custom-prop" name="prediction" rows="3" class="w-full bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2" placeholder="e.g., Jett Lawrence will lead more than 10 laps"></textarea>
    </div>
  </div>
  
  <div>
    <div class="mb-4">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Challenge Friend</label>
      <div class="relative">
        <select id="friend-select" name="friendId" class="w-full appearance-none bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pr-8">
          <option value="">Select a friend</option>
          <option value="john-doe">John Doe</option>
          <option value="jane-smith">Jane Smith</option>
          <option value="mike-johnson">Mike Johnson</option>
          <option value="sarah-williams">Sarah Williams</option>
          <option value="david-brown">David Brown</option>
        </select>
        <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-neutral-700 dark:text-neutral-300">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="6 9 12 15 18 9"></polyline>
          </svg>
        </div>
      </div>
    </div>
    
    <div class="mb-4">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Wager Amount</label>
      <div class="relative">
        <span class="absolute left-3 top-1/2 transform -translate-y-1/2 text-neutral-500">$</span>
        <input type="number" id="wager-amount" name="wagerAmount" min="5" step="5" value="50" class="w-full bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 pl-8">
      </div>
      <div class="text-xs text-neutral-500 mt-1">* Non-premium members pay a 1% platform fee</div>
    </div>
    
    <div class="mb-4">
      <label class="block text-neutral-700 dark:text-neutral-300 mb-2 font-medium">Custom Terms (Optional)</label>
      <textarea id="custom-terms" name="customTerms" placeholder="Add any additional terms or conditions here..." class="w-full bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded px-4 py-2 h-20"></textarea>
    </div>
    
    <div id="bet-summary" class="mb-4 p-4 bg-primary/10 border border-primary/20 rounded hidden">
      <h4 class="font-bold mb-2">Bet Summary</h4>
      <div id="summary-content"></div>
    </div>

    <div class="bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-100 p-3 rounded mt-4 mb-4 flex items-center">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
      </svg>
      <span class="text-sm">Your form progress is automatically saved to your account</span>
    </div>
  </div>
</div>

<div class="mt-6 text-center">
  <button id="preview-bet" type="button" class="px-6 py-2 bg-neutral-200 dark:bg-neutral-700 text-neutral-900 dark:text-white rounded hover:bg-neutral-300 dark:hover:bg-neutral-600 mr-4">Preview Bet</button>
  <button id="create-bet" type="submit" class="px-6 py-2 bg-primary text-white rounded hover:bg-primary-700">Create Bet</button>
</div>

Active Friend Bets
#

Your Active Bets

No active bets to display

Premium Benefits for Friend Bets
#

MXRaceHub Premium Membership

Upgrade to a premium membership to enjoy enhanced friend betting features.

<div class="space-y-2 mb-6">
  <div class="flex items-start">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 mr-2 mt-1 flex-shrink-0">
      <polyline points="20 6 9 17 4 12"></polyline>
    </svg>
    <span>No 1% platform fee on friend bets</span>
  </div>
  <div class="flex items-start">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 mr-2 mt-1 flex-shrink-0">
      <polyline points="20 6 9 17 4 12"></polyline>
    </svg>
    <span>Create unlimited custom proposition bets</span>
  </div>
  <div class="flex items-start">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-500 mr-2 mt-1 flex-shrink-0">
      <polyline points="20 6 9 17 4 12"></polyline>
    </svg>
    <span>Access to detailed bet history and statistics</span>
  </div>
</div>

<div class="flex justify-between items-center border-t border-neutral-200 dark:border-neutral-700 pt-4">
  <div>
    <div class="text-2xl font-bold text-primary">$5<span class="text-sm text-neutral-500">/month</span></div>
    <div class="text-sm">or $50/year (save $10)</div>
  </div>
  <a href="/membership/premium/" class="px-4 py-2 bg-primary text-white rounded hover:bg-primary-700">Upgrade Now</a>
</div>

Friend Bet FAQ
#

How are friend bets settled?

Friend bets are automatically settled by our system after official race results are posted. For custom proposition bets, both parties must confirm the outcome.

Is there a fee for friend bets?

Standard accounts incur a 1% platform fee on all friend bets. Premium members have this fee waived entirely.

Can I create custom bets on any outcome?

Yes! Friend bets allow for complete customization. Create wagers on race winners, rider matchups, lap times, or any other verifiable outcome.

How do I add friends?

You can search for friends by username in the account settings or send them an invite link. Once connected, you can challenge them to bets.

Create Account to Start Betting

Friend Bets #