document.addEventListener('DOMContentLoaded', function(){
    var url = window.location.href;
    var autodekstop_id = url.split('?');
    autodekstop_id = autodekstop_id[1].split('&');
    autodekstop_id = autodekstop_id?.find((element) => element.includes('id=')).split('=')[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;

    //Creating query to search our DB
    async function fetchResult() {
        console.log('https://www.nextengine.dk/api/car/functions/SearchForCar?bilinfo_id=' + autodekstop_id +'&dealerId=64dde1faf6f9056ee4d11042&active=false', "fetching");
      var response = await fetch('https://www.nextengine.dk/api/car/functions/SearchForCar?bilinfo_id=' + autodekstop_id +'&dealerId=64dde1faf6f9056ee4d11042&active=false', 
      {
        method: 'GET',
        mode: 'cors',
      });
      return response.json();
    }

    if(url.includes("id")) {
        console.log("url includes id");
        fetchResult().then((data) => {
          console.log(data, "cars");
    
          if(data.length > 0) {
            if(data[0].status.leasing.live.website == true) {
                console.log("notfound1")

                // element.appendChild(newDiv);
                // parentDiv.insertAfter(newDiv, childDiv1);
                
                // var iframe = document.querySelector('iframe#NextEngine-iframe');
                // var iframeBody = iframe.contentDocument.body;
                // iframeBody.style = "background-color: transparent!important;";
            // document.getElementById('findleasing-sliders-embed').innerHTML = knap;
    
          //     document.getElementById('nextengine').innerHTML = knap.replace('{{id}}', data[0]._id);
              if(window.innerWidth > 1200) {

                
                var parentDiv = document.getElementById('NextEngineIframe');
                var childDiv1 = parentDiv.querySelector('.carSlider');
                var childDiv2 = parentDiv.querySelector('#specificationsForPrint');
                var newDiv = document.createElement('iframe');

                
                newDiv.src = "https://www.nextengine.dk" + data[0]?.leasingTemplate?.templateUrl + "?taxFree=" + taxFree;
                newDiv.style = "border:0; background-color: transparent!important;";
                newDiv.scrolling = "no";
                newDiv.height = "495px";
                newDiv.id = "NextEngine-iframe";

                parentDiv.appendChild(newDiv);

              document.getElementById('NextEngine-iframe').style.height = "410px";
              } else if (window.innerWidth > 991) {
                var parentDiv = document.getElementById('NextEngineIframe');
                var childDiv1 = parentDiv.querySelector('.carSlider');
                var childDiv2 = parentDiv.querySelector('#specificationsForPrint');
                var newDiv = document.createElement('iframe');

                
                newDiv.src = "https://www.nextengine.dk" + data[0]?.leasingTemplate?.templateUrl + "?taxFree=" + taxFree + "&attribute=website";
                newDiv.style = "border:0; background-color: transparent!important;";
                newDiv.scrolling = "no";
                newDiv.height = "495px";
                newDiv.id = "NextEngine-iframe";

                parentDiv.appendChild(newDiv);

                document.getElementById('NextEngine-iframe').style.height = "770px";
              } else {
                
                var parentDiv = document.getElementsByClassName('carInfo')[0];
                // var buttons = document.querySelector('#vehicleContainer > div:nth-child(1) > div > div.col-lg-4 > div > div.d-flex');
                // var buttonDiv = document.createElement('a');
                // buttonDiv.innerHTML = "Leasingberegner";
                // buttonDiv.href = "#nextEngineInfo";
                // buttonDiv.className = "contactUsButton";
                // buttonDiv.style = "color: white!important;";
                // buttons.appendChild(buttonDiv);

                var childDiv1 = parentDiv.querySelector('.carSlider');
                var childDiv2 = parentDiv.querySelector('#specificationsForPrint');
                var newDiv = document.createElement('iframe');

                var info = document.getElementById('nextEngineInfo');                  
                var inforemoving = document.getElementById('nextEngineInfo');
                inforemoving.remove();
                
                newDiv.src = "https://www.nextengine.dk" + data[0]?.leasingTemplate?.templateUrl + "?taxFree=" + taxFree + "&attribute=website";
                newDiv.style = "border:0; background-color: transparent!important;";
                newDiv.scrolling = "no";
                newDiv.height = "495px";
                newDiv.id = "NextEngine-iframe";
                parentDiv.appendChild(info);
                parentDiv.appendChild(newDiv);
              document.getElementById('NextEngine-iframe').style.height = "770px";
              }
            }
            else {
                console.log("notfound2")

                if(window.innerWidth > 1200) {
                  // var element = document.getElementById('imagesColumn');
                  // var newDiv = document.createElement('iframe');
                  var elem = document.getElementById("nextEngineInfo");
                  elem.parentNode.removeChild(elem);
                  
                  // newDiv.src = "https://www.nextengine.dk/notFound/64dde1faf6f9056ee4d11042?car_id=" + data[0]._id + "&attribute=website";
                  // newDiv.style = "border:0; background-color: transparent!important; margin-top:15px;";
                  // newDiv.scrolling = "no";
                  // newDiv.id = "NextEngine-iframe";
  
                  // element.appendChild(newDiv);

                  // document.getElementById('NextEngine-iframe').style.height = "550px";
                } else {
                  // var element = document.getElementsByClassName('carInfo')[0];

                  var elem = document.getElementById("nextEngineInfo");
                  elem.parentNode.removeChild(elem);
                  // var newDiv = document.createElement('iframe');
                  // newDiv.src = "https://www.nextengine.dk/notFound/64dde1faf6f9056ee4d11042?car_id=" + data[0]._id + "&attribute=website";
                  // newDiv.style = "border:0; background-color: transparent!important; margin-top:15px;";
                  // newDiv.scrolling = "no";
                  // newDiv.id = "NextEngine-iframe";
  

                  // element.appendChild(newDiv);

                  // document.getElementById('NextEngine-iframe').style.height = "500px";
                }
            }
                


          } else {
            console.log("notfound3")
            var elem = document.getElementById("nextEngineInfo");
            elem.parentNode.removeChild(elem);
          //   notFound = "<div id='NextEngineLeasing'><iframe src='https://www.nextengine.dk/notFound/64dde1faf6f9056ee4d11042/' scrolling='no' height='750' width='600'></iframe></div>";
          //   document.getElementById('nextengine').innerHTML = notFound;
                // var element = document.getElementById('imagesColumn');
                // var newDiv = document.createElement('iframe');
                // newDiv.src = "https://www.nextengine.dk/notFound/64dde1faf6f9056ee4d11042";
                // newDiv.style = "border:0; background-color: transparent!important; margin-top:15px;";
                // newDiv.scrolling = "no";
                // newDiv.id = "NextEngine-iframe";

                // element.appendChild(newDiv);
        //   console.log(element);
        //   element.innerHTML = notFoundSrc;
          }

        })
    }


  });