let queryString = window.location.href.split('?');
let params = '';

if (queryString.length > 1) {
    queryString = queryString[1].split('&')

    for (let i = 0; i < queryString.length; i++) {
        params += '&' + queryString[i];
    }
}

    const html = `<style>
    .runnymob-button-2b43b088 {
        all: unset;

        z-index: 9999999;

        display: flex;
        flex-direction: column;
        align-items: flex-end;

        position: fixed;
        
        width: 370px;

        bottom: 30px;
        right: 25px;
    }

    @media  screen and (max-width: 410px) {
        .runnymob-button-2b43b088 {
            width: 350px !important;
        }
    }

    @media  screen and (max-width: 360px) {
        .runnymob-button-2b43b088 {
            width: 310px !important;
        }
    }

    .runnymob-button-2b43b088 .form-2b43b088 {
        all: unset;
        
        width: 100%;
        height: 450px;

        background-color: #ffffff;

        border-radius: 8px;
    }

    .runnymob-button-2b43b088 .form-2b43b088 iframe {
        all: unset;

        width: 100%;
        height: 100%;

        background-color: #ffffff;
        border: #a8172e 1px solid;
        border-radius: 8px;
    }

    .runnymob-button-2b43b088 .button-2b43b088 {
        all: unset;

        display: flex;

        align-content: space-between;
        align-items: center;

        width: 100%;

        margin-top: auto;
        padding-top: 10px;

        cursor: pointer;
    }

    .runnymob-button-2b43b088 .button-2b43b088 img  {
        all: unset;

        width: 48px;
        object-fit:cover;
        object-position:50% 50%;
    }

    .runnymob-button-2b43b088 .button-2b43b088 .container-2b43b088 {
        all: unset;

        position: relative;

        width: 335px;

        padding: 10px;

        margin-left: 20px;

        border-radius: 8px;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);

        background-color: #ffffff;

        font-family: Roboto, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        color: #6c757d !important;
        text-align: left !important;
    }

    .runnymob-button-2b43b088 .button-2b43b088 .container-2b43b088::before {
        all: unset;

        box-sizing: border-box;
    }
</style>

    <style>
        .runnymob-button-2b43b088 .button-2b43b088 .container-2b43b088::after {
            all: unset;

            content: " ";
            position: absolute;
            left: -10px;
            top: 12px;
            border-top: 10px solid transparent;
            border-right: 10px solid #ffffff;
            border-left: none;
            border-bottom: 10px solid transparent;
        }
    </style>

<div class="runnymob-button-2b43b088">
    <div class="form-2b43b088">
        <iframe src=''
            style="overflow: hidden"></iframe>
    </div>
    <div class="button-2b43b088">
        
        <div class="img-2b43b088">
                            <img src=https://sistema.runnymob.com.br/img/logo-badge.png alt="">
                    </div>
        <div class="container-2b43b088">
                            Quer sair do aluguel? <br />
                Faça uma simulação com a gente.
                    </div>
    </div>
</div>`;
    let url = 'https://sistema.runnymob.com.br/formularios/demo?popup=1';
    url += '&url=' + encodeURIComponent(window.location.href) + params;

    let div = document.createElement('div');
    document.body.insertBefore(div, document.body.lastChild);
    div.outerHTML = html;

    document.querySelector('.runnymob-button-2b43b088 .form-2b43b088 iframe').src = url

    const form = document.querySelector('.runnymob-button-2b43b088 .form-2b43b088');

    form.style.display = 'none';

    document
        .querySelector('.runnymob-button-2b43b088 .button-2b43b088')
        .addEventListener('click', function() {
            if (form.style.display !== 'none') {
                form.style.display = 'none';
            } else {
                form.style.display = 'block';
            }
        });
    
    console.log('RunnyMob: Botão Popup configurado');

const iframeSection = document.querySelector('.runnymob-form');

if (iframeSection) {
            let url = 'https://sistema.runnymob.com.br/formularios/demo';
    
    url += '?url=' + encodeURIComponent(window.location.href) + params + '&iframe=1';

    iframeSection.innerHTML += `
        <iframe 
            style="border: none" 
            width="100%"
            height="100%" 
            src="${url}"
        ></iframe>
    `;

} else {
    console.log('RunnyMob: Não é possível adicionar o formulário pois não existe o elemento .runnymob-form')
}