(function() {
    window.addEventListener('load', function() {
        var body = document.getElementsByTagName('body')[0];
        var prefix_url = 'https://erweiterung.rehavitalisplus.de';
        if (location.href.indexOf('localhost') > -1) prefix_url = 'http://localhost:3000';

        let vueScript = document.createElement('script')
        vueScript.setAttribute('src', 'https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js');
        document.head.appendChild(vueScript);

        vueScript.onload = function() {
            var div = document.createElement("div");
            div.setAttribute('id', 'rvp_erweiterung');
            var RVP_ID = '5848855375511552';
            var RVP_SETTINGS = {"position":"right"};
            var RVP_SOURCE = 'rvp_source_undefined';
            body.appendChild(div);

            div.style.position = 'fixed';
            
            if (RVP_SETTINGS.position == 'right') {
                div.style.bottom = '10px';
                div.style.right = '10px';
                div.style.whiteSpace = 'nowrap';
            }
            else if (RVP_SETTINGS.position == 'leftup') {
                div.style.bottom = '10px';
                div.style.left = '10px';
                div.style.width = '60px';
            }
            else if (RVP_SETTINGS.position == 'rightup') {
                div.style.bottom = '10px';
                div.style.right = '10px';
                div.style.width = '60px';
            }
            else {
                div.style.bottom = '10px';
                div.style.left = '10px';
                div.style.whiteSpace = 'nowrap';
            }
            div.style.visibility = 'visible';
            div.style.opacity = '1';
            div.style.display = 'block';
            div.style.margin = '0';
            div.style.padding = '0';
            div.style.border = '0';
            div.style.outline = '0';
            div.style.zIndex = '9999';
            div.style.pointerEvents = 'none';

            var mail = '<svg style="fill:#2d7eaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z" /></svg>',
                phone = '<svg style="fill:#2d7eaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,15.5C18.8,15.5 17.5,15.3 16.4,14.9C16.3,14.9 16.2,14.9 16.1,14.9C15.8,14.9 15.6,15 15.4,15.2L13.2,17.4C10.4,15.9 8,13.6 6.6,10.8L8.8,8.6C9.1,8.3 9.2,7.9 9,7.6C8.7,6.5 8.5,5.2 8.5,4C8.5,3.5 8,3 7.5,3H4C3.5,3 3,3.5 3,4C3,13.4 10.6,21 20,21C20.5,21 21,20.5 21,20V16.5C21,16 20.5,15.5 20,15.5M5,5H6.5C6.6,5.9 6.8,6.8 7,7.6L5.8,8.8C5.4,7.6 5.1,6.3 5,5M19,19C17.7,18.9 16.4,18.6 15.2,18.2L16.4,17C17.2,17.2 18.1,17.4 19,17.4V19Z" /></svg>',
                calendar = '<svg style="fill:#2d7eaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M5 7V5H19V7H5M10.56 17.46L16.5 11.53L15.43 10.47L10.56 15.34L8.45 13.23L7.39 14.29L10.56 17.46Z" /></svg>',
                chat = '<svg style="fill:#2d7eaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M17 12V10H15V12H17M13 12V10H11V12H13M9 12V10H7V12H9Z" /></svg>',
                close = '<svg style="fill:#333333" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>',
                location = '<svg style="fill:#2d7eaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5M12,2A7,7 0 0,1 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9C7,10 7,12 12,18.71C17,12 17,10 17,9A5,5 0 0,0 12,4Z" /></svg>';

            window.rvp_erweiterung = {
                before: function() {
                    document.getElementById('rvp_erweiterung').getElementsByTagName('div')[1].style.display='block';
                    document.getElementById('rvp_erweiterung_iframe').style.display = 'none';
                },
                after: function() {
                    document.getElementById('rvp_erweiterung_iframe').onload = function() {
                        document.getElementById('rvp_erweiterung_iframe').style.display = 'block';
                    }
                    if (window.gtag_report_conversion) window.gtag_report_conversion();
                },
                mail: function() {
                    window.rvp_erweiterung.before();
                    document.getElementById('rvp_erweiterung_iframe').src = prefix_url +'/mail?rvp_id='+ RVP_ID +'&rvp_ref='+ RVP_SOURCE +'&rvp_url='+ encodeURIComponent(window.location.origin + window.location.pathname);
                    window.rvp_erweiterung.after();
                },
                phone: function() {
                    window.rvp_erweiterung.before();
                    document.getElementById('rvp_erweiterung_iframe').src = prefix_url +'/phone?rvp_id='+ RVP_ID +'&rvp_ref='+ RVP_SOURCE +'&rvp_url='+ encodeURIComponent(window.location.origin + window.location.pathname);
                    window.rvp_erweiterung.after();
                },
                calendar: function() {
                    window.rvp_erweiterung.before();
                    document.getElementById('rvp_erweiterung_iframe').src = 'https://d0fb7e8e.sibforms.com/serve/MUIEAOVuRCqchXXWcdvMZQqAgsCY7HgOd9U3mEkW0qyiilnUQI6mF4JXJCYOwIZ1V_aojWH1_QZxDInm59Ig4Fo8FHGAVWIfA29QwXTNsZXmRMgLO2IDk3BerdH86mad5LeU8EK6FpjlBB_4Z-fqKC_a6gjcNqw7v_fZjQk13_hnaxL7b9OAGWCq5ANyzhSIzpl0L7PpIQhFh0ZY';
                    window.rvp_erweiterung.after();
                },
                chat: function() {
                    window.rvp_erweiterung.before();
                    document.getElementById('rvp_erweiterung_iframe').src = 'https://d0fb7e8e.sibforms.com/serve/MUIEAOVuRCqchXXWcdvMZQqAgsCY7HgOd9U3mEkW0qyiilnUQI6mF4JXJCYOwIZ1V_aojWH1_QZxDInm59Ig4Fo8FHGAVWIfA29QwXTNsZXmRMgLO2IDk3BerdH86mad5LeU8EK6FpjlBB_4Z-fqKC_a6gjcNqw7v_fZjQk13_hnaxL7b9OAGWCq5ANyzhSIzpl0L7PpIQhFh0ZY';
                    window.rvp_erweiterung.after();
                },
                location: function() {
                    window.rvp_erweiterung.before();
                    document.getElementById('rvp_erweiterung_iframe').src = prefix_url +'/location?rvp_id='+ RVP_ID +'&rvp_ref='+ RVP_SOURCE +'&rvp_url='+ encodeURIComponent(window.location.origin + window.location.pathname);
                    window.rvp_erweiterung.after();
                }
            }
            
            div.innerHTML = `
                <div style="text-align:right;color:white;pointer-events:auto">
                    <a class="rvp_mail" onmouseenter="this.style.boxShadow='0px 0px 7px #2d7eaf'" onmouseleave="this.style.boxShadow='0 0 0px #2d7eaf'" title="Nachricht senden" style="transition:all 500ms;margin:0.4em;border:1px solid #2d7eaf;display:inline-block;position:relative;width:45px;height:45px;border-radius:50%;background-color:#fafafa;padding:7px;cursor:pointer;">`+ mail +`</a>
                    <a class="rvp_phone" onmouseenter="this.style.boxShadow='0px 0px 7px #2d7eaf'" onmouseleave="this.style.boxShadow='0 0 0px #2d7eaf'" title="Rückruf vereinbaren" style="transition:all 500ms;margin:0.4em;border:1px solid #2d7eaf;display:inline-block;position:relative;width:45px;height:45px;border-radius:50%;background-color:#fafafa;padding:7px;cursor:pointer;">`+ phone +`</a>
                    <a class="rvp_calendar" onmouseenter="this.style.boxShadow='0px 0px 7px #2d7eaf'" onmouseleave="this.style.boxShadow='0 0 0px #2d7eaf'" title="Termin vereinbaren" style="transition:all 500ms;border:1px solid #2d7eaf;margin:0.4em;display:inline-block;position:relative;width:45px;height:45px;border-radius:50%;background-color:#fafafa;padding:7px;cursor:pointer;display:none">`+ calendar +`</a>
                    <a class="rvp_chat" onmouseenter="this.style.boxShadow='0px 0px 7px #2d7eaf'" onmouseleave="this.style.boxShadow='0 0 0px #2d7eaf'" title="Chatten" style="transition:all 500ms;margin:0.4em;border:1px solid #2d7eaf;display:inline-block;position:relative;width:45px;height:45px;border-radius:50%;background-color:#fafafa;padding:7px;cursor:pointer;display:none">`+ chat +`</a>
                    <a class="rvp_location" onmouseenter="this.style.boxShadow='0px 0px 7px #2d7eaf'" onmouseleave="this.style.boxShadow='0 0 0px #2d7eaf'" title="Standort & Infos" style="margin:0.4em;transition:all 500ms;border:1px solid #2d7eaf;display:inline-block;position:relative;width:45px;height:45px;border-radius:50%;background-color:#fafafa;padding:7px;cursor:pointer;">`+ location +`</a>
                </div>
                <div style="background-color:#fafafa;display:none;box-shadow:0 0 7px #333333;border-radius:0.5em;overflow:hidden;pointer-events:auto; height: 70%; position: fixed; top: 15%; left: 1em; right: 1em; max-width: 42em; margin: 0px auto; font-size: 1.1em; border: 1px solid white; z-index: 9999;">
                    <a onclick="document.getElementById('rvp_erweiterung').getElementsByTagName('div')[1].style.display='none'" title="Schließen" style="background-color:#eff2f7;margin:0.5em;z-index: 9999;position:absolute;top:0;right:0;transition:all 500ms;display:inline-block;width:45px;height:45px;border-radius:50%;padding:5px;cursor:pointer;">`+ close +`</a>
                    <iframe id="rvp_erweiterung_iframe" style="padding-top:3em;position:relative;display:none;height:100%;width:100%" src="" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>
                </div>
            `;

            // click functions
            let extensions = ['rvp_mail', 'rvp_phone', 'rvp_calendar', 'rvp_chat', 'rvp_location'];
            for (let i = 0; i < extensions.length; i++) {
                let extension = extensions[i],
                    elements = document.getElementsByClassName(extension);
                for (let j = 0; j < elements.length; j++) {
                    elements[j].addEventListener('click', window.rvp_erweiterung[extension.split('_')[1]]);
                }
            }
        }
    })
})()