<aside id="cookie-message" class="accepted">
    <div class="placeholder">
        <p>Deze&nbsp;website&nbsp;gebruikt&nbsp;cookies. <a href="/nl/privacyverklaring">Klik&nbsp;hier</a>&nbsp;voor&nbsp;meer&nbsp;informatie.
        </p>
        <span class="close-button" onclick="hideCookieMessage();">Sluiten</span>
    </div>
</aside>

<style>
    #cookie-message {
        position: fixed;
        z-index: 999999;
        bottom: 0;
        left: 0;
        padding: 15px 0;
        width: 100%;
        background-color: #EEA905;
        opacity: 1;
        box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
        transition: opacity 0.5s, transform 0.6s;
        transform: translate3d(0, 0, 0);
    }
    #cookie-message.accepted {
        display: none;
    }
    #cookie-message.transition-out {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }
    #cookie-message .placeholder {
        width: 85.75%;
        display: block;
        text-align: center;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
    #cookie-message .placeholder p, #cookie-message .placeholder p a, #cookie-message .placeholder .close-button {
        font-size: 15px;
        line-height: 18px;
        color: white;
    }
    #cookie-message .placeholder p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    #cookie-message .placeholder p a {
        text-decoration: underline;
    }
    #cookie-message .placeholder .close-button {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
        padding: 5px 12px;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 5px;
        cursor: pointer;
    }
    @media  only screen and (max-width: 600px) {
        #cookie-message .placeholder p {
            max-width: 200px;
        }
    }
    @media  only screen and (max-width: 600px) {
        #cookie-message .placeholder .close-button {
            margin-top: 10px;
        }
    }
</style>


<script>
    function setCookie(name, value, days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        document.cookie = name + '=; Max-Age=-99999999; path=/';
    }

    if (getCookie('cookieMessage')) {
        document.getElementById('cookie-message').classList.add('accepted');
    }
    else {
        document.getElementById('cookie-message').classList.remove('accepted');
    }

    function hideCookieMessage() {
        setCookie('cookieMessage', true, 90);
        document.getElementById('cookie-message').classList.add('transition-out');
    }

    function openSettingsMenu() {
        document.getElementById('cookie-settings-menu').classList.add('edit');
        document.getElementById('message-description').classList.add('hide');
    }

    function acceptCookie() {
        setCookie('trackingCookieAccepted', 'true', 90);
        setCookie('cookieMessage', 'true', 90);

        if (document.getElementById('trackingCookieInput').checked === true) {
            setCookie('trackingCookieAccepted', 'true', 90);
        }
        else {
            eraseCookie('trackingCookieAccepted');
        }

        document.getElementById('cookie-message').classList.add('transition-out');
        location.reload();
    }

</script>

<?php if(in_array('trackingCookieAccepted', array_keys(\Cookie::get()))): ?>
    <!-- Tracking Cookies -->

    <!-- End Tracking Cookies -->
<?php endif; ?>