@extends('patent::layouts.master')

@section('title', 'Patent Fee Calculator')

@section('content')
<div class="container mt-4">
  <h2 class="mb-4">Patent Fee Calculator</h2>

  {{-- Jurisdiction Selector --}}
  <div class="form-group">
    <label for="jurisdiction" class="fw-bold">Jurisdiction:</label>
    <select class="form-control select2bs4" id="jurisdiction" onchange="updateFields()">
      <option value="">Select...</option>
      <option value="OAPI">OAPI</option>
      <option value="Algeria">Algeria</option>
      <option value="Morocco">Morocco</option>
      <option value="Tunisia">Tunisia</option>
      <option value="ARIPO">ARIPO</option>
    </select>
  </div>

  {{-- Dynamic Fields --}}
  <div id="dynamicFields" class="mt-3 row g-3"></div>

  {{-- Calculate Button --}}
  <button class="btn btn-primary mt-3" onclick="calculate()">Calculate</button>

  {{-- Output --}}
  <div id="output" class="alert alert-info mt-4" role="alert"></div>
</div>
@endsection

@push('scripts')
<script>
  function renderInput(id, label, type = "number") {
    return `
      <div class="col-md-4">
        <label for="${id}" class="form-label">${label}</label>
        <input type="${type}" class="form-control" id="${id}">
      </div>
    `;
  }

  function renderCheckbox(id, label) {
    return `
      <div class="form-check col-md-4 mt-4">
        <input class="form-check-input" type="checkbox" id="${id}">
        <label class="form-check-label" for="${id}">${label}</label>
      </div>
    `;
  }

  function updateFields() {
    const region = document.getElementById("jurisdiction").value;
    const container = document.getElementById("dynamicFields");
    container.innerHTML = "";

    switch (region) {
      case "OAPI":
        container.innerHTML =
          renderInput("pctDate", "PCT Date", "date") +   // ✅ PCT Date
          renderInput("claims", "Claims") +
          renderInput("pages", "Pages") +
          renderInput("priority", "Priority claims") +
          renderCheckbox("annuity2", "2nd Annuity?") +
          renderCheckbox("annuity3", "3rd Annuity?");
        break;

      case "Algeria":
        container.innerHTML =
          renderInput("priority", "Priority claims") +
          renderInput("pages", "Pages") +
          renderInput("drawings", "Drawings");
        break;

      case "Morocco":
      case "Tunisia":
        container.innerHTML = renderInput("claims", "Claims");
        break;

      case "ARIPO":
        container.innerHTML = renderInput("states", "Number of Designated States");
        break;
    }
  }

  function calculate() {
    const region = document.getElementById("jurisdiction").value;
    let breakdown = "";
    let total = 0;

    if (region === "OAPI") {
      const pctDate = document.getElementById("pctDate").value;
      const year = pctDate ? new Date(pctDate).getFullYear() : null;

      const claims = +document.getElementById("claims").value;
      const pages = +document.getElementById("pages").value;
      const priority = +document.getElementById("priority").value;
      const annuity2 = document.getElementById("annuity2").checked;
      const annuity3 = document.getElementById("annuity3").checked;
//قبل2025
      if (year<=2024) {
        // ✅ New OAPI rules from Excel
        breakdown += "Filing Fee: 225,000 CFA<br/>";
        total += 225000;

        breakdown += "Publication Fee: 365,000 CFA<br/>";
        total += 365000;

        if (priority > 0) {
          const prioFee = priority * 63000;
          breakdown += `Priority (${priority}): ${prioFee.toLocaleString()} CFA<br/>`;
          total += prioFee;
        }

        if (claims > 10) {
          const claimFee = (claims - 10) * 45000;
          breakdown += `Claim Surcharge (${claims - 10} over): ${claimFee.toLocaleString()} CFA<br/>`;
          total += claimFee;
        }

        if (pages > 10 && pages <= 20) {
          breakdown += "Page Surcharge (11–20): 120,000 CFA<br/>";
          total += 120000;
        } else if (pages > 20 && pages <= 30) {
          breakdown += "Page Surcharge (21–30): 300,000 CFA<br/>";
          total += 300000;
        } else if (pages > 30) {
          breakdown += "Page Surcharge (31–40+): 600,000 CFA<br/>";
          total += 600000;
        }

        if (annuity2) { breakdown += "2nd Annuity: 270,000 CFA<br/>"; total += 270000; }
        if (annuity3) { breakdown += "3rd Annuity: 270,000 CFA<br/>"; total += 270000; }

      }
      
      //بعد 2025

      else {
        breakdown += "Filing Fee: 225,000 CFA<br/>";
        total += 225000;

        breakdown += "Publication Fee: 365,000 CFA<br/>";
        total += 365000;

        if (priority > 0) {
          const prioFee = priority * 75000;
          breakdown += `Priority (${priority}): ${prioFee.toLocaleString()} CFA<br/>`;
          total += prioFee;
        }

        if (claims > 10) {
          const claimFee = (claims - 10) * 65000;
          breakdown += `Claim Surcharge (${claims - 10} over): ${claimFee.toLocaleString()} CFA<br/>`;
          total += claimFee;
        }

        if (pages > 10 && pages <= 20) {
          breakdown += "Page Surcharge (11–20): 120,000 CFA<br/>";
          total += 120000;
        } else if (pages > 20 && pages <= 30) {
          breakdown += "Page Surcharge (21–30): 300,000 CFA<br/>";
          total += 300000;
        } else if (pages > 30) {
          breakdown += "Page Surcharge (31–40+): 600,000 CFA<br/>";
          total += 600000;
        }

        if (annuity2) { breakdown += "2nd Annuity: 270,000 CFA<br/>"; total += 270000; }
        if (annuity3) { breakdown += "3rd Annuity: 270,000 CFA<br/>"; total += 270000; }
      }

      breakdown += `<strong>Total: ${total.toLocaleString()} CFA</strong>`;
    }

    else if (region === "Algeria") {
      const priority = +document.getElementById("priority").value;
      const pages = +document.getElementById("pages").value;
      const drawings = +document.getElementById("drawings").value;

      breakdown += "Filing Fee: $65<br/>";
      total += 65;

      breakdown += "Publication Fee: $45<br/>";
      total += 45;

      if (priority > 0) {
        breakdown += `Priority (${priority}): $${(priority * 20).toFixed(2)}<br/>`;
        total += priority * 20;
      }

      if (pages > 10) {
        const pageFee = Math.ceil((pages - 10) / 5) * 12;
        breakdown += `Page Surcharge (${pages - 10} over): $${pageFee}<br/>`;
        total += pageFee;
      }

      if (drawings > 3) {
        const drawFee = (drawings - 3) * 4;
        breakdown += `Drawings Surcharge (${drawings - 3} over): $${drawFee}<br/>`;
        total += drawFee;
      }

      breakdown += `<strong>Total: $${total.toFixed(2)} USD</strong>`;
    }

    else if (region === "Morocco") {
      const claims = +document.getElementById("claims").value;
      breakdown += "Filing Fee: $267<br/>";
      total += 267;

      if (claims > 10) {
        const extra = (claims - 10) * 70;
        breakdown += `Claim Surcharge (${claims - 10} over): $${extra}<br/>`;
        total += extra;
      }

      breakdown += `<strong>Total: $${total.toFixed(2)} USD</strong>`;
    }

    else if (region === "Tunisia") {
      const claims = +document.getElementById("claims").value;
      breakdown += "Filing Fee: $60<br/>";
      total += 60;

      if (claims > 10) {
        const extra = (claims - 10) * 13;
        breakdown += `Claim Surcharge (${claims - 10} over): $${extra}<br/>`;
        total += extra;
      }

      breakdown += `<strong>Total: $${total.toFixed(2)} USD</strong>`;
    }

    else if (region === "ARIPO") {
      const states = +document.getElementById("states").value;
      breakdown += "Filing Fee: $232<br/>";
      total += 232;

      const desig = states * 100;
      breakdown += `Designation Fee (${states} states): $${desig}<br/>`;
      total += desig;

      breakdown += `<strong>Total: $${total.toFixed(2)} USD</strong>`;
    }

    document.getElementById("output").innerHTML = breakdown;
  }

  $(function () {
    $('.select2').select2();
    $('.select2bs4').select2({ theme: 'bootstrap4' });
  });
</script>
@endpush