class RequestForm {

    constructor(params) {
        this.params = params;
        this.params.targetId = 'retjet-request-form';

        const urlParams = new URLSearchParams(window.location.search);

        // Access individual parameters
        const email = urlParams.get('email'); // "email"
        const orderId = urlParams.get('orderId'); // "orderId"
        const lang = urlParams.get('lang'); //formSize
        if(email != undefined){
          this.params.email = email;
        }

        if(orderId != undefined){
          this.params.orderId = orderId;
        }

        if(lang != undefined){
          this.params.lang = lang;
        }

        //console.log(document.body);
        if(!document.body){
          window.onload = this.render.bind(this);
        }else{
          this.render();
        }
        //const param2 = urlParams.get('param2'); // "value2"

    }

    render() {
        var iframe = document.createElement('iframe');
        iframe.marginheight = 0;
        iframe.marginwidth = 0;
        iframe.border = 0;
        iframe.style.border = 0;
        iframe.style.height = '670px';
        iframe.style.width = "100%";
        iframe.style.overflow = 'hidden';
        iframe.style.overflowX = 'hidden';
        iframe.style.overflowY = 'hidden';
        //iframe.scrolling = 'no';
        var src = "https://app.retjet.com/0/request";
        var lang = this.params.lang??"en";
        iframe.src = src.replace('0', this.params.companyId)
                              + "?lang="+lang
                              + "&target=iframe"
                              + (this.params.email && this.params.orderId ? "&email="+this.params.email+"&orderId="+this.params.orderId : "");
        iframe.id = this.params.companyId;
        this.iframe = iframe;

        var target = document.getElementById(this.params.targetId);
        //console.log('Retjet Plugin:',target,this.params);
        if(!target){
          return;
        }
        target.parentNode.replaceChild(iframe,target);

        var barandingDiv = document.createElement('div');
        barandingDiv.innerHTML = 'Powered by <a href="https://retjet.com?utm_source=form_footer" style="color: #467fcf; text-decoration: none;"><img src="https://app.retjet.com/build/images/retjet.png"  style="max-height:24px; outline: none; text-decoration: none; vertical-align: middle; font-size: 0; border: 0 none;" /></a>';
        barandingDiv.style.textAlign='center';
        barandingDiv.style.fontFamily='Open Sans, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif';
        barandingDiv.style.fontSize='14px';
        iframe.after(barandingDiv);


        window.addEventListener('message', function (e) {
          var iframe = this.iframe;

           switch (e.data.event_id) {
             case 'setHeight':
                 var height = e.data.height + 200;// window.innerHeight;
                 iframe.style.height = height+"px";
               break;
           }
        }.bind(this), false);
    }
}

const requestForm = new RequestForm(retJet??{})