var TRF_Prc = 0


document.addEventListener("DOMContentLoaded", function () {

  const slider = document.getElementById("centRange");
  const output = document.getElementById("centValue");
  const scaleMax = document.querySelector(".cent-slider__scale span:last-child");

  // Falls Elemente fehlen → nichts tun (sauberer Fail)
  if (!slider || !output || !scaleMax) return;

  function updateSlider() {
    output.textContent = parseFloat(slider.value)
                        .toFixed(2)
                        .replace(".", ",");

    const percent =
      ((slider.value - slider.min) / (slider.max - slider.min)) * 100;

    slider.style.setProperty("--value", `${percent}%`);

    calcTRFTotal();

  }

  slider.addEventListener("input", updateSlider);

  // Initial setzen
  updateSlider();

});



function loadTRF(param)
  {

  let teile = param.split("|");

  let id   = teile[0];
  let md5 = teile[1];

  fetch("/_lib/portal.register.schieberegler.js.php?loadTRF&id=" + id + "&md5=" + md5)
      .then(response => response.text())
      .then(data => {

        if (data == 'SPOT')
            TRF_Prc = -1
        else if (!isNaN(data) && data > 0)
            TRF_Prc = data
        else
            TRF_Prc = 0

      console.log(TRF_Prc);

      calcTRFTotal();

      });

  }


function calcTRFTotal()
  {
  const sliderval = parseFloat(document.getElementById("centRange").value)

  if(TRF_Prc == -1)
    {
    document.getElementById('span_price').innerHTML=sliderval.toFixed(2);
    document.getElementById('span_pricetype').innerHTML = 'Gesamtaufschlag'
    }
  else
    {
    const TRF_Total = ((parseFloat(TRF_Prc) / 100) + sliderval);        

    document.getElementById('span_pricetype').innerHTML = 'Gesamtpreis'
    document.getElementById('span_price').innerHTML=TRF_Total.toFixed(2);
    }

  }