{assign var="privacyUrl" value=$Control::getPrivacyUrl($Project)}
{assign var="imprintUrl" value=$Control::getImprintUrl($Project)}

{assign var="Logo" value=$Control::getLogoImage($Project)}
{assign var="logoSvg" value=$Control::getLogoSvg($Project)}

{assign var="showAcceptAllButton" value=$Project->getConfig('gdpr.cookieconsent.showAcceptAllButton')}

{assign var="position" value=$Control::getPosition($Project)}

{capture assign="consentButtons"}
<div class="quiqqer-cookieconsent-buttons">
    <button type="button" id="quiqqer-cookieconsent-accept"
            {{if $showAcceptAllButton}}
                class="btn btn-light"
            {{else}}
                class="btn btn-primary"
            {{/if}}
    >
    {{if $showAcceptAllButton}}
        {{$Control::getAcceptSelectedButtonText($Project)}}
    {{else}}
        {{$Control::getButtonText($Project)}}
    {{/if}}
    </button>

    {{if $showAcceptAllButton}}
        <button type="button" id="quiqqer-cookieconsent-accept-all" class="btn btn-primary">
            {{$Control::getAcceptAllButtonText($Project)}}
        </button>
    {{/if}}
</div>
{/capture}

<div id="quiqqer-cookieconsent-banner"
     class="quiqqer-cookieconsent__{$position}{if $position == 'bottomLeft' || $position == 'bottomRight'} quiqqer-cookieconsent--compact{/if}"
     style="display: none">
    <div class="grid-container quiqqer-cookieconsent-banner-wrapper">

        {if $Logo || $logoSvg}
            <div class="quiqqer-cookieconsent-message-logo">
                {if $logoSvg}
                    {$logoSvg}
                {else}
                    {image image=$Logo width=200 title=$Project->get(1)->getAttribute('title')}
                {/if}
            </div>
        {/if}

        <div class="quiqqer-cookieconsent-message-wrapper">
            <div id="quiqqer-cookieconsent-message">
                {{$Control::getText($Project)}}
                <div id="quiqqer-cookieconsent-urls">
                    {if $privacyUrl}
                    <a href="{{$privacyUrl}}">{locale group="quiqqer/gdpr" var="cookie.banner.text.privacy"}</a>
                    {/if}

                    {if $privacyUrl && $imprintUrl}
                    <span>&bull;</span>
                    {/if}


                    {if $imprintUrl}
                    <a href="{{$imprintUrl}}">{locale group="quiqqer/gdpr" var="cookie.banner.text.imprint"}</a>
                    {/if}
                </div>
            </div>

            <div id="quiqqer-cookieconsent-categories">
                <form action="javascript:void(0)">
                    {{foreach $cookiesGroupedByCategory key=$categoryName item=$Cookies}}
                    <fieldset>
                        <input type="checkbox"
                               value="{{$categoryName}}"
                               class="quiqqer-cookieconsent-category"
                               id="quiqqer-cookieconsent-category-{{$categoryName}}"
                               {{if $categoryName== $requiredCookieCategory}}
                               disabled
                               checked
                               {{/if}}

                               {{if in_array($categoryName, $preselectedCookieCategories)}}
                                   checked
                               {{/if}}
                        >
                        <label for="quiqqer-cookieconsent-category-{{$categoryName}}">
                            {locale group="quiqqer/gdpr" var="cookie.category.$categoryName"}
                        </label>
                    </fieldset>
                    {{/foreach}}

                    {if $position != 'bottomLeft' && $position != 'bottomRight'}
                        {$consentButtons}
                    {/if}
                </form>
                <a id="quiqqer-cookieconsent-toggle-info">
                    {locale group="quiqqer/gdpr" var="cookie.banner.info.button"}
                </a>
            </div>

            <div id="quiqqer-cookieconsent-details" class="hidden">
                <table>
                    <thead>
                    <tr>
                        <th>
                            {locale group="quiqqer/gdpr" var="cookie.name"}
                        </th>
                        <th>
                            {locale group="quiqqer/gdpr" var="cookie.category"}
                        </th>
                        <th>
                            {locale group="quiqqer/gdpr" var="cookie.origin"}
                        </th>
                        <th>
                            {locale group="quiqqer/gdpr" var="cookie.purpose"}
                        </th>
                        <th>
                            {locale group="quiqqer/gdpr" var="cookie.lifetime"}
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    {{foreach $cookiesGroupedByCategory key=$cookieCategory item=$Cookies}}
                    {{foreach $Cookies as $Cookie}}
                    <tr>
                        <td data-label="{locale group="quiqqer/gdpr" var="cookie.name"}">{{$Cookie->getName()}}</td>
                        <td data-label="{locale group="quiqqer/gdpr" var="cookie.category"}">{locale group="quiqqer/gdpr" var="cookie.category.$cookieCategory"}</td>
                        <td data-label="{locale group="quiqqer/gdpr" var="cookie.origin"}">{{$Cookie->getOrigin()}}</td>
                        <td data-label="{locale group="quiqqer/gdpr" var="cookie.purpose"}">{{$Cookie->getPurpose()}}</td>
                        <td data-label="{locale group="quiqqer/gdpr" var="cookie.lifetime"}">{{$Cookie->getLifetime()}}</td>
                    </tr>
                    {{/foreach}}
                    {{/foreach}}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {if $position == 'bottomLeft' || $position == 'bottomRight'}
        <div class="quiqqer-cookieconsent-card-actions">
            {$consentButtons}
        </div>
    {/if}
</div>