document.addEventListener("DOMContentLoaded", () => {
    let el = document.querySelectorAll('.realwidget');
    let body = document.querySelector('body');
    el.forEach((elItem) => {
    elItem.innerHTML="<div class='realwidget_button' style='background:#BD921E;border: 2px solid #BD921E; color: #FFFFFF; width:calc("+elItem.dataset.widthbtn+"px - 10px);'>"+elItem.dataset.textbutton+"</div>";
    })
            let s = document.createElement("link");
            s.href = "https://www.enhancify.com/build/css/marketplace_realwidget_button.css";
            s.rel = "stylesheet";
            body.append(s);

            let pop_up = document.createElement("div");
            pop_up.className  = "pop_up-realwidget";
            body.append(pop_up);

            let pop_up_section = document.createElement("div");
            pop_up_section.className  = "pop_up-realwidget_section";
            pop_up.append(pop_up_section);

            let pop_up_close = document.createElement("div");
            pop_up_close.className  = "pop_up-realwidget_close";
            pop_up_section.append(pop_up_close);



            el.forEach((elItem) => {
                const buttonClick = elItem.querySelector('.realwidget_button');
                buttonClick.addEventListener('click', function () {
                    if(document.getElementById('realwidget_content')== null){
                        let frame = document.createElement("iframe");
                        let params = 'color1=' + encodeURIComponent('#BD921E') +
                        '&color2=' + encodeURIComponent('#3A3A37')+'&color3=' + encodeURIComponent('#FFFFFF');
                        frame.src  =  "https://www.enhancify.com/o-h-construction-inc?siteaction=realwidget&utm_source=realwidget&"+params;
                        frame.width="100%";
                        frame.height="95%";
                        frame.frameBorder="0";
                        frame.id="realwidget_content";
                        frame.referrerPolicy="unsafe-url";
                        pop_up_section.append(frame);
                    }
                    pop_up.style.display="flex";
                    let html = document.querySelector('html');
                    html.classList.add('overflow-shadow');
                });
            });


        const closeClick = document.querySelector('.pop_up-realwidget_close');
        pop_up_close.addEventListener('click', function () {
        let html = document.querySelector('html');
            pop_up.style.display="none";
            html.classList.remove('overflow-shadow');
        });
});