var TRF_Prc = 0;
var TRF_Type ='';


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.json())
      .then(data => {

      const fixProv = Number(data.FixProv);
      TRF_Type = data.Type;
      TRF_Prc = data.Price

      if (Number.isFinite(fixProv) && fixProv > 0) 
          {
          OFF('Schieberegler')   
          ON('Fixbetrag')
          getElm('Prov_Fix').innerHTML = Money(data.FixProv,"CENT");
          }
      else
          {
          ON('Schieberegler')   
          OFF('Fixbetrag')
          }

      console.log(TRF_Prc);

      calcTRFTotal();

      });

  }


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


  console.log(TRF_Type);

  if(TRF_Type=='Fix')
    getElm('span_pricetype').innerHTML = 'Gesamtpreis'
  else
    getElm('span_pricetype').innerHTML = 'Gesamtaufschlag'

  const TRF_Total = ((parseFloat(TRF_Prc) / 100) + sliderval);        
  document.getElementById('span_price').innerHTML=TRF_Total.toFixed(2);

  }