function createElementFromHTML(htmlString) {
  var div = document.createElement('div');
  div.innerHTML = htmlString.trim();
  return div.firstChild; 
}

function cookieLawBarInit() {



    var htmlTmp = `
<div class="cookielaw cookiebar cookielawbar" id="cookielawbar"
    style="display: none;     padding-bottom: 1.3rem; font-size: 12px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); position:fixed;     bottom: 0;    left: 0;    background-color:rgba(240,240,240,0.9);    color: black;    height: 3rem;    width: 100%;    z-index: 99999999;">
    <div style="display:flex;justify-content:center;flex-wrap:wrap;align-items: center; justify-content: center; min-height: 3rem;">
        <div style="font-size: 12px;line-height: 2rem;margin:0 0.3rem;" class="textInfo">Tento web používá k provozu a
            analýze návštěvnosti soubory cookie. <a class="link"
                href="https://www.olomouc.eu/prohlaseni-o-pristupnosti-a-cookies" target="_blank"
                onclick="window.open(this.href,'_blank', 'width=1036,height=707'); return false;">Podrobněji zde</a>.
        </div>
        <div style="font-size: 12px;margin:0 0.3rem;">
          <button
            onclick="window.localStorage.setItem('cookiesUserAgreement', '1');document.getElementById('cookielawbar').style.display = 'none'"
            type="button"
            style="padding: 0.3rem 1rem; border: 1px solid gray; color:black; background-color: transparent;font-size: 12px; float:right; margin-top: 0.25rem">Souhlasím</button>
        </div>
    </div>
</div>
`;

/*var htmlTmp = `
<div class="cookielaw cookiebar cookielawbar" id="cookielawbar"
    style="display: none;     padding-bottom: 1.3rem; font-size: 12px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); position:fixed;     bottom: 0;    left: 0;    background-color:rgba(240,240,240,0.9);    color: black;    height: 4.5rem;    width: 100%;    z-index: 99999999;">
    <div style="min-height: 3rem; text-align:center;">
        <div style="font-size: 12px;line-height: 2rem;margin:0 0.3rem;" class="textInfo">Tento web používá k provozu a
            analýze návštěvnosti soubory cookie. <a class="link"
                href="http://www.olomouc.eu/prohlaseni-o-pristupnosti-a-cookies" target="_blank"
                onclick="window.open(this.href,'_blank', 'width=1036,height=707'); return false;">Podrobněji zde</a>.
        </div>
        
        <div style="font-size: 12px;margin:0 0.3rem;">
          <button
            onclick="window.localStorage.setItem('cookiesUserAgreement', '1');document.getElementById('cookielawbar').style.display = 'none'"
            type="button"
            style="padding: 0.3rem 1rem; border: 1px solid gray; color:black; background-color: transparent;font-size: 12px; margin-bottom:0.55rem; margin-top: 0.25rem">Souhlasím</button>
        </div>

        <div><a href="http://www.olomouc.eu/prohlaseni-o-pristupnosti-a-cookies" target="_blank">Prohlášení o přístupnosti a cookies</a> | <a href="http://www.olomouc.eu/gdpr" target="_blank">Ochrana osobních údajů</a></div>
    </div>
</div>
`;*/

    var domTmp = createElementFromHTML(htmlTmp);
    console.log(domTmp);
    document.body.appendChild(domTmp);
    if (!(window.localStorage.getItem('cookiesUserAgreement') == '1')) {
        document.getElementById('cookielawbar').style.display = 'block';
    }
}

cookieLawBarInit();