<f:comment>
    <!--
        This renders a cookie consent based on the specified type (see below).

        Available configuration:
        (configurable via equivalent hyphen-cased data attribute, prefixed with `data-cookie-consent-`)

        - type:
            Type of cookie consent compliance layout to render, so make sure you set the correct button labels
            'opt-in' renders a dismiss and allow button (where allow button is primary)
            'opt-out' renders a deny and dismiss button (where dismiss button is primary)

        - message:
            Cookie consent message text.

        - labelAllow:
            Text to show on the allow button.
            Only needed if type is set to 'opt-in'.

        - labelDismiss:
            Text to show on the dismiss button.

        - labelDeny:
            Text to show on the dismiss button.
            Only needed if type is set to 'opt-out'.

        - linkPolicy:
            HTML to render as the policy link.

        - linkImprint:
            HTML to render as the imprint link.

        - colorPopupBackground:
            Color of the cookie consent box background.

        - colorPopupText:
            Color of the cookie consent message text.

        - colorButtonBackground:
            Color of the cookie consent primary button background.

        - colorButtonText:
            Color of the cookie consent primary button text.
    -->
</f:comment>

<div
    data-cookie-consent
    data-cookie-consent-type="opt-in"
    data-cookie-consent-message="{f:translate(id: 'cookieConsent.message', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}"
    data-cookie-consent-link-policy="<a href='/datenschutz' class='cc-link'>{f:translate(id: 'cookieConsent.additionalInformation', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}</a>"
    data-cookie-consent-link-imprint="<a href='/impressum' class='cc-link'>{f:translate(id: 'cookieConsent.imprint', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}</a>"
    data-cookie-consent-label-dismiss="{f:translate(id: 'cookieConsent.dismiss', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}"
    data-cookie-consent-aria-dismiss="{f:translate(id: 'cookieConsentAria.dismiss', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}"
    data-cookie-consent-label-allow="{f:translate(id: 'cookieConsent.allow', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}"
    data-cookie-consent-aria-allow="{f:translate(id: 'cookieConsentAria.allow', package: 'Newland.CityTheme', source: 'Views/CookieConsent')}"
    data-cookie-consent-color-popup-background="#ededed"
    data-cookie-consent-color-popup-text="#333"
    data-cookie-consent-color-button-background="#333"
    data-cookie-consent-color-button-text="#fff">

</div>
