{if !empty($site_cookies['status']) && $site_cookies['status'] == 1}
    <link rel="stylesheet" href="__STATIC_DEFAULT__/consent_banner/css/{$site_session_language_info.language_info.code|default=''}_cookieconsent.css">
    <div class="m-cookieconsent{$site_cookies['layout_type']} j-cookieconsent">
        <div class="mcc-wp">
            <div class="mcc-text">
                <p class="mcc-title">
                    {$site_cookies['name']|default=''}
                </p>
                <div class="mcc-desc">
                    <p>{$site_cookies['content']|default=''}</p>
                </div>
            </div>
            <div class="mcc-control">
                <button class="mcc-btn j-mcc-okagree" type="button">{$site_cookies['allow_btn_name']|default=''}</button>
                <button class="mcc-btn j-mcc-reject" type="button">{$site_cookies['refuse_btn_name']|default=''}</button>
            </div>
        </div>
    </div>
    <script>
        function setCookieKm(cname,cvalue,exdays){
            var d = new Date();
            d.setTime(d.getTime()+(exdays*24*60*60*1000));
            var expires = "expires="+d.toGMTString();
            document.cookie = cname+"="+cvalue+"; "+expires +";path=/";
        }

        if(!cookievalue){
            document.querySelector('.j-cookieconsent').style.display = 'block';
        }

        document.addEventListener('click', function (e) {
            const btnAcceptCookie = e.target.closest("button.j-mcc-okagree");
            if (btnAcceptCookie === null) return;

            setCookieKm("acceptcookie",1,365);
            document.querySelector('.j-cookieconsent').style.display = 'none';
        });

        document.addEventListener('click', function (e) {
            const btnRejectCookie = e.target.closest('button.j-mcc-reject');
            if (btnRejectCookie === null) return;

            setCookieKm("acceptcookie",2,365);
            document.querySelector('.j-cookieconsent').style.display = 'none';
        });
    </script>
{/if}