Elementor #49642

<div style="max-width: 600px; margin: auto; font-family: Arial, sans-serif;">
  <h2>Employer Commission Estimator</h2>
  <p>Estimate how much commission you could earn based on the number of employees, admin fee, and commission rate.</p>
  
  <label>Number of Employees:</label>
  <input type="number" id="employees" value="100" style="width: 100%; margin-bottom: 10px;"/>

  <label>Enrolled Employees:</label>
  <input type="number" id="enrolled" value="75" style="width: 100%; margin-bottom: 10px;"/>

  <label>Annualized Admin Fee ($):</label>
  <input type="number" id="adminFee" value="120000" style="width: 100%; margin-bottom: 10px;"/>

  <label>Commission Rate (%):</label>
  <input type="number" id="commissionRate" value="1" step="0.1" style="width: 100%; margin-bottom: 10px;"/>

  <button onclick="calculateCommission()" style="margin-top: 10px; padding: 10px; width: 100%;">Calculate Commission</button>

  <h3 style="margin-top: 20px;">Estimated Total Commission:</h3>
  <div id="result" style="font-size: 20px; font-weight: bold;">$0</div>
</div>

<script>
  function calculateCommission() {
    const adminFee = parseFloat(document.getElementById("adminFee").value) || 0;
    const commissionRate = parseFloat(document.getElementById("commissionRate").value) / 100 || 0;
    const enrolled = parseFloat(document.getElementById("enrolled").value) || 0;

    const baseCommission = adminFee * commissionRate;
    const aetnaBonus = enrolled * 60; // Optional logic for Aetna commission (~$60 per enrolled)
    const total = baseCommission + aetnaBonus;

    document.getElementById("result").innerText = `$${total.toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2})}`;
  }
</script>