Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Risk Radar</title>
  <style>
    :root {
      --primary: #e63946;
      --primary-light: #f8d7da;
      --secondary: #457b9d;
      --dark: #1d3557;
      --light: #f1faee;
      --success: #2a9d8f;
      --warning: #e9c46a;
      --danger: #e63946;
    }
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    
    body {
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      background: linear-gradient(135deg, #f9fcff 0%, #e6f0ff 100%);
      min-height: 100vh;
      padding: 20px;
      line-height: 1.6;
    }
    
    .container {
      max-width: 600px;
      margin: 0 auto;
    }
    
    header {
      text-align: center;
      margin-bottom: 30px;
      padding: 20px 0;
    }
    
    h1 {
      color: var(--dark);
      font-size: 2rem;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
    }
    
    h1 span {
      color: var(--primary);
    }
    
    .subtitle {
      color: var(--secondary);
      font-size: 1rem;
    }
    
    .radar-box {
      background: #fff;
      padding: 25px;
      border-radius: 16px;
      width: 100%;
      margin: 0 auto;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }
    
    .form-group {
      margin-bottom: 20px;
    }
    
    label {
      display: block;
      margin-bottom: 8px;
      font-weight: 500;
      color: var(--dark);
      text-align: left;
    }
    
    input, select {
      padding: 14px;
      margin-bottom: 5px;
      border: 2px solid #e9ecef;
      border-radius: 10px;
      width: 100%;
      font-size: 16px;
      transition: all 0.3s ease;
    }
    
    input:focus, select:focus {
      outline: none;
      border-color: var(--primary);
      box-shadow: 0 0 0 3px var(--primary-light);
    }
    
    button {
      padding: 14px 20px;
      background: var(--primary);
      color: white;
      border: none;
      border-radius: 10px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      width: 100%;
      transition: all 0.3s ease;
      margin-top: 10px;
    }
    
    button:hover {
      background: #c1121f;
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(230, 57, 70, 0.3);
    }
    
    .result-container {
      margin-top: 30px;
      padding: 20px;
      border-radius: 10px;
      background-color: #f8f9fa;
      display: none;
    }
    
    .risk-grade {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    .risk-explanation {
      font-size: 1rem;
      color: #495057;
      margin-bottom: 15px;
    }
    
    .risk-tips {
      padding: 15px;
      background-color: white;
      border-radius: 8px;
      border-left: 4px solid var(--primary);
    }
    
    .risk-tips h3 {
      color: var(--dark);
      margin-bottom: 10px;
    }
    
    .risk-tips ul {
      padding-left: 20px;
    }
    
    .risk-tips li {
      margin-bottom: 8px;
    }
    
    .low-risk {
      color: var(--success);
    }
    
    .medium-risk {
      color: var(--warning);
    }
    
    .high-risk {
      color: var(--danger);
    }
    
    .emoji {
      font-size: 1.8rem;
    }
    
    .history-btn {
      background: var(--secondary);
      margin-top: 20px;
    }
    
    .history-btn:hover {
      background: #1d3557;
      box-shadow: 0 5px 15px rgba(29, 53, 87, 0.3);
    }
    
    @media (max-width: 480px) {
      body {
        padding: 15px;
      }
      
      h1 {
        font-size: 1.8rem;
      }
      
      .radar-box {
        padding: 20px;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <header>
      <h1><span>🚨</span> Risk Radar</h1>
      <p class="subtitle">Analyze your bets and make smarter decisions</p>
    </header>
    
    <div class="radar-box">
      <div class="form-group">
        <label for="matchName">Match or Bet Name</label>
        <input type="text" id="matchName" placeholder="e.g. Manchester United vs Liverpool">
      </div>
      
      <div class="form-group">
        <label for="odds">Odds</label>
        <input type="number" id="odds" placeholder="e.g. 2.35" step="0.01" min="1.01">
      </div>
      
      <div class="form-group">
        <label for="betType">Bet Type</label>
        <select id="betType">
          <option value="">Select Bet Type</option>
          <option value="single">Single</option>
          <option value="parlay">Parlay/Accumulator</option>
          <option value="live">Live Bet</option>
          <option value="system">System Bet</option>
          <option value="handicap">Handicap</option>
          <option value="prop">Proposition Bet</option>
        </select>
      </div>
      
      <div class="form-group">
        <label for="stakeAmount">Stake Amount (optional)</label>
        <input type="number" id="stakeAmount" placeholder="e.g. 50" min="0">
      </div>
      
      <div class="form-group">
        <label for="formStatus">Recent Performance</label>
        <select id="formStatus">
          <option value="">Select Performance</option>
          <option value="hot">🔥 Hot Streak (5+ wins last 5)</option>
          <option value="good">👍 Good Form (3-4 wins last 5)</option>
          <option value="neutral">😐 Neutral (2-3 wins last 5)</option>
          <option value="poor">👎 Poor Form (1 win last 5)</option>
          <option value="cold">❄️ Cold Streak (0 wins last 5)</option>
        </select>
      </div>
      
      <button onclick="assessRisk()">Scan Risk Level</button>
      
      <div class="result-container" id="resultContainer">
        <div class="risk-grade" id="riskGrade"></div>
        <div class="risk-explanation" id="riskExplanation"></div>
        <div class="risk-tips">
          <h3>Recommended Actions</h3>
          <ul id="riskTips"></ul>
        </div>
      </div>
      
      <button class="history-btn" onclick="viewHistory()">View Previous Scans</button>
    </div>
  </div>

  <script>
    let scanHistory = [];
    
    function assessRisk() {
      const matchName = document.getElementById('matchName').value;
      const odds = parseFloat(document.getElementById('odds').value);
      const betType = document.getElementById('betType').value;
      const stakeAmount = parseFloat(document.getElementById('stakeAmount').value) || 0;
      const formStatus = document.getElementById('formStatus').value;
      
      // Input validation
      if (!matchName || isNaN(odds) || !betType || !formStatus) {
        alert("Please fill in all required fields");
        return;
      }
      
      let riskScore = 0;
      let riskFactors = [];
      
      // Odds assessment
      if (odds < 1.5) {
        riskScore += 1;
        riskFactors.push("Low odds (safer bet)");
      } else if (odds >= 1.5 && odds <= 2.5) {
        riskScore += 2;
        riskFactors.push("Moderate odds");
      } else if (odds > 2.5 && odds <= 4.0) {
        riskScore += 3;
        riskFactors.push("High odds");
      } else {
        riskScore += 4;
        riskFactors.push("Very high odds (risky)");
      }
      
      // Bet type assessment
      switch(betType) {
        case 'single':
          riskScore += 1;
          riskFactors.push("Single bet (low risk)");
          break;
        case 'live':
          riskScore += 2;
          riskFactors.push("Live bet (higher volatility)");
          break;
        case 'parlay':
          riskScore += 3;
          riskFactors.push("Parlay bet (high risk)");
          break;
        case 'system':
          riskScore += 3;
          riskFactors.push("System bet (complex)");
          break;
        case 'handicap':
          riskScore += 2;
          riskFactors.push("Handicap bet (moderate risk)");
          break;
        case 'prop':
          riskScore += 2;
          riskFactors.push("Proposition bet (specialized)");
          break;
      }
      
      // Form status assessment
      switch(formStatus) {
        case 'hot':
          riskScore += 1;
          riskFactors.push("Team/player in hot form");
          break;
        case 'good':
          riskScore += 2;
          riskFactors.push("Team/player in good form");
          break;
        case 'neutral':
          riskScore += 3;
          riskFactors.push("Neutral recent performance");
          break;
        case 'poor':
          riskScore += 4;
          riskFactors.push("Poor recent form");
          break;
        case 'cold':
          riskScore += 5;
          riskFactors.push("Cold streak - high risk");
          break;
      }
      
      // Stake amount consideration
      if (stakeAmount > 0) {
        const stakePercentage = (stakeAmount / 100) * 100; // Assuming bankroll of 100 for calculation
        if (stakePercentage > 10) {
          riskScore += 2;
          riskFactors.push("High stake amount (" + stakePercentage + "% of bankroll)");
        } else if (stakePercentage > 5) {
          riskScore += 1;
          riskFactors.push("Moderate stake amount (" + stakePercentage + "% of bankroll)");
        } else {
          riskFactors.push("Conservative stake amount (" + stakePercentage + "% of bankroll)");
        }
      }
      
      // Determine risk level
      let riskLevel, emoji, explanation, tips = [];
      const maxScore = 12; // Maximum possible risk score
      const normalizedScore = (riskScore / maxScore) * 100;
      
      if (normalizedScore <= 35) {
        riskLevel = "LOW RISK";
        emoji = "🟢";
        explanation = "This bet appears to be relatively safe with calculated risk factors. The probability of success is higher than average based on your inputs.";
        tips = [
          "Consider standard stake amount",
          "Good candidate for including in accumulators",
          "Monitor for last-minute changes"
        ];
      } else if (normalizedScore <= 65) {
        riskLevel = "MEDIUM RISK";
        emoji = "🟡";
        explanation = "This bet carries moderate risk. While there's potential for success, several factors indicate you should proceed with caution.";
        tips = [
          "Consider reducing stake amount by 20-30%",
          "Evaluate if the potential reward justifies the risk",
          "Research recent news/updates about this match"
        ];
      } else {
        riskLevel = "HIGH RISK";
        emoji = "🔴";
        explanation = "This bet carries significant risk based on your inputs. The combination of factors suggests a lower probability of success.";
        tips = [
          "Strongly consider reducing stake amount by 50% or more",
          "Evaluate if this bet is necessary for your strategy",
          "Research thoroughly before proceeding",
          "Consider alternative bets with lower risk"
        ];
      }
      
      // Add more contextual tips based on specific factors
      if (odds > 3.0 && tips.length < 5) {
        tips.push("High odds suggest lower probability - consider if value exists");
      }
      
      if (betType === 'parlay' && tips.length < 5) {
        tips.push("Parlays have compounded risk - evaluate each leg carefully");
      }
      
      if (formStatus === 'cold' || formStatus === 'poor') {
        tips.push("Current poor form increases risk - look for reasons this might change");
      }
      
      // Display results
      document.getElementById('riskGrade').innerHTML = 
        `<span class="emoji">${emoji}</span> <span class="${riskLevel.toLowerCase().replace(' ', '-')}">${riskLevel}</span>`;
      
      document.getElementById('riskExplanation').textContent = explanation;
      
      const tipsList = document.getElementById('riskTips');
      tipsList.innerHTML = '';
      tips.forEach(tip => {
        const li = document.createElement('li');
        li.textContent = tip;
        tipsList.appendChild(li);
      });
      
      // Show results
      document.getElementById('resultContainer').style.display = 'block';
      
      // Add to history
      const scanResult = {
        date: new Date().toLocaleString(),
        match: matchName,
        odds: odds,
        type: betType,
        stake: stakeAmount,
        riskLevel: riskLevel,
        score: normalizedScore.toFixed(0)
      };
      
      scanHistory.push(scanResult);
      localStorage.setItem('riskRadarHistory', JSON.stringify(scanHistory));
    }
    
    function viewHistory() {
      const history = JSON.parse(localStorage.getItem('riskRadarHistory')) || [];
      
      if (history.length === 0) {
        alert("No previous scans found. Scan some bets to build your history.");
        return;
      }
      
      let historyText = "Your Scan History:\n\n";
      history.forEach((scan, index) => {
        historyText += `${index + 1}. ${scan.match}\n`;
        historyText += `   Odds: ${scan.odds} | Type: ${scan.type}\n`;
        historyText += `   Risk: ${scan.riskLevel} (${scan.score}%)\n`;
        historyText += `   Scanned: ${scan.date}\n\n`;
      });
      
      alert(historyText);
    }
    
    // Load history on page load
    window.onload = function() {
      const savedHistory = localStorage.getItem('riskRadarHistory');
      if (savedHistory) {
        scanHistory = JSON.parse(savedHistory);
      }
    };
  </script>
</body>
</html>

betdiamonds

BetDiamonds

🚨 Risk Radar

Recommended Actions