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

    //Manual JS to gather data from our DB
    //Variables to fill
    // var brand_name = document.querySelector('body > div.main-wrap > div.page-content > div > div > div > div > section > h1').innerText;
    // var model_name = document.querySelector('body > div.main-wrap > div.page-content > div > div > div > div > section > h1').innerText;
    // var km = document.querySelector("body > div.main-wrap > div.page-content > div > div > div > div > section > div.used-car-facts > div:nth-child(3)").innerText;
    // // console.log(brand_name);
    // //Brand manipulation
    // brand_name = brand_name.replace('-', ' ');
    // brand_name = brand_name.split(' ')[0];
    // brand_name = brand_name.toLowerCase();
    // // brand_name = brand_name.charAt(0).toUpperCase() + brand_name.slice(1);


    // //Model manipulation
    // model_name = model_name.split(' ')[1];
    // model_name = model_name.toLowerCase();
    // // model_name = model_name.charAt(0).toUpperCase() + model_name.slice(1);

    // //Kilometer 
    // km = km.replace(/[^0-9]/g,'');
    

    // console.log(brand_name, "brand_name");
    // console.log(model_name, "model_name");
    // console.log(km, "km");

    var url = window.location.href;
    var autodesktop_id = url.split('?');
    autodesktop_id = autodesktop_id[0].split('-');
    autodekstop_id = autodesktop_id[autodesktop_id.length - 1];

    // Create a URL object with the given URL string
    var urlObj = new URL(url);
    
    // Get the value of the "taxfree" query parameter
    var taxFree = urlObj.searchParams.get("taxfree") ?? false;


    // console.log(autodekstop_id);


    // console.log('https://www.nextengine.dk/api/car/functions/SearchForCar?leasing_web=true&autodesktop_id=' + autodekstop_id +'&dealerId=63086a699b302a0f4620a652');
    //Creating query to search our DB
    async function fetchResult() {
      var response = await fetch('https://www.nextengine.dk/api/car/functions/SearchForCar?leasing_web=true&id=' + autodekstop_id +'&dealerId=63086a699b302a0f4620a652', 
      {
        method: 'GET',
        mode: 'cors',
      });
      return response.json();
    }

    fetchResult().then((data) => {
      // console.log(data);


      //Data found

      var src = "https://www.nextengine.dk/leasing/{{id}}/flow/iframe";
      src = src.replace('{{id}}', data[0]._id);
      let url;
      if(data?.[0]?.reservation?.reservated) {
        url = "https://www.nextengine.dk/leasing/"+ data[0]._id + "/flow/pricing" + "?attribute=website";
      } else {
        url = "https://www.nextengine.dk"+ data[0]?.leasingTemplate?.templateUrl + "?attribute=website";
      }
      var knap = "<iframe src='"+ url + "&taxFree=" + taxFree + "' style='border:0;' scrolling='no' height='100%' width='100%'></iframe>";

      var notFoundSrc = "<iframe src='https://www.nextengine.dk/leasing/{{id}}/flow/iframe?attribute=website' style='border:0;' scrolling='no' height='100%' width='100%'></iframe>";
      notFoundSrc = notFoundSrc.replace('{{id}}', data[0]._id);
      if(data.length > 0) {
        if(data[0].status.leasing.live.website == true) {
        document.getElementsByClassName('leasing-iframe')[0].innerHTML = knap;

      //     document.getElementById('nextengine').innerHTML = knap.replace('{{id}}', data[0]._id);
        }
        else {
        document.getElementsByClassName('leasing-iframe')[0].innerHTML = notFoundSrc;
      //     notFound = "<div id='NextEngineLeasing'><iframe src='https://www.nextengine.dk/notFound/63086a699b302a0f4620a652/?car_id=" + data[0]._id +"' scrolling='no' height='750' width='600'></iframe></div>";
      //     document.getElementById('nextengine').innerHTML = notFound;
        }
      } else {
      //   notFound = "<div id='NextEngineLeasing'><iframe src='https://www.nextengine.dk/notFound/63086a699b302a0f4620a652/' scrolling='no' height='750' width='600'></iframe></div>";
      //   document.getElementById('nextengine').innerHTML = notFound;
      document.getElementsByClassName('leasing-iframe')[0].src = notFoundSrc;
      }

      if(window.innerWidth > 1200) {
        document.getElementsByClassName('leasing-iframe')[0].style.height = "550px";
      } else {
        document.getElementsByClassName('leasing-iframe')[0].style.height = "950px";
      }
    })

  });