(() => {
    const correctMainLink = (containerBanner, baseUrl) => {
        if (!containerBanner) return false;
        const href = containerBanner.getAttribute('href');
        if (!href.startsWith("/clinics")) return false;
        containerBanner.href = `${baseUrl}${href}`;
    }

    const getContainer = () => {
        return document.getElementById('firmikaBannersScriptContainer');
    }

    const start = () => {
        const script = document.getElementById('firmikaBannersScript');
        const urlData = new URL(script.src)
        const baseUrl = urlData.origin;
        const container = getContainer();
        correctMainLink(container, baseUrl);
        if (!container) return false;
        const stylesHtml = `<style>#firmikaBannersScriptContainer {
    text-decoration: none !important;
}

#firmikaBannersScriptContainer:hover {
    text-decoration: none !important;
}

.firmikaBanner__largeMinimalBannerWrap {
    background-color: #fff;
    position: relative;
    font-family: 'Roboto', sans-serif;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    grid-gap: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    justify-items: center;
    align-items: center;
    padding: 10px;
}

.firmikaBanner__largeMinimalBannerWrap:hover {
    text-decoration: none;
}

.firmikaBanner__largeMinimalBannerBcgImage {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.firmikaBanner__largeMinimalBannerBcgImage img {
    position: absolute;
    width: 65%;
    transform: translateX(24%) translateY(-12%);
    opacity: .3;
}

.firmikaBanner__largeMinimalBannerBcgGradient {
    top: 0;
    left: 0;
    width: 300px;
    height: 1100%;
    position: absolute;
    opacity: .4;
}

.firmikaBanner__largeMinimalBannerLeftSide {
    position: relative;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #727070;
}

.firmikaBanner__largeMinimalBannerLeftSide span {
    display: block;
}

.firmikaBanner__largeMinimalBannerRightSide {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 13px;
    justify-items: center;
}

.firmikaBanner__largeMinimalBannerStars {
    height: 26px;
    position: relative;
    width: 125px;
}

.firmikaBanner__largeMinimalBannerStars:before {
    content: '';
    background: url('https://fitness.firmika.ru//img/banners/emptyStar.svg');
    background-size: 25px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.firmikaBanner__largeMinimalBannerFullStars {
    content: '';
    position: absolute;
    background: url('https://fitness.firmika.ru//img/banners/fullStar.svg');
    background-size: 25px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.firmikaBanner__largeMinimalBannerFeedbacks {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #727070;
    text-align: center;
}

.firmikaBanner__largeMinimalBannerFeedbacks span {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
}

.firmikaBanner__largeMinimalBannerButton {
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: auto;
    height: 32px;
    width: 114px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.71);
}</style>`;
        const bannerHtml = `<div class="firmikaBanner__largeMinimalBannerWrap  " id="" style='max-width: 300px; width:100%; min-height: 150px; display: grid'>

    <div class="firmikaBanner__largeMinimalBannerBcgImage">
        <img src="https://fitness.firmika.ru//img/logo2/color/4.svg" alt="">
        <div class="firmikaBanner__largeMinimalBannerBcgGradient" style="background: linear-gradient(90deg, rgba(255, 255, 255, 0) 33.88%, #8651c8 100%);">
        </div>
    </div>

    <div class="firmikaBanner__largeMinimalBannerLeftSide">
        О нас<br> говорят на <span style="color: #8651c8;">Firmika.ru</span>
    </div>

    <div class="firmikaBanner__largeMinimalBannerRightSide">
        <div class='firmikaBanner__largeMinimalBannerStars'>
            <div style='width: 60%' class='firmikaBanner__largeMinimalBannerFullStars'></div>
        </div>
        <div class='firmikaBanner__largeMinimalBannerFeedbacks'><span>5</span><br>
            отзывов о нас
        </div>
        <button class="firmikaBanner__largeMinimalBannerButton" style="background-color: #8651c8;">показать</button>
    </div>
</div>`;
        container.insertAdjacentHTML('afterbegin', stylesHtml + bannerHtml);
        setTimeout(function() {
            if (Math.random() > 0.9) {
                const firmId = container.href.replace(/^.*i=(\d+).*/, '$1');
                let url = baseUrl + '/p_widgets_statistics_get?firm_id=' + firmId + '&path=' + window.location;
                fetch(url);
            }
        }, 15000);
    }

    start();
})()