{% import '@BoldrCms/_macros/assets.twig' as assets_macros %}{% set assets = assets is defined and assets is not empty ? boldr_cms_get_assets().addAll(assets) : boldr_cms_get_assets() %}<!DOCTYPE html><html lang="{{ app.request.locale }}"> <head> <meta charset="UTF-8"> <title>{% block title %}{{ boldr_cms_get_site_name() }}{% endblock %}</title> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" href="{{ asset('assets/css/boldrcms-theme-variables.css') }}" /> <link rel="stylesheet" href="{{ asset('bundles/boldrcms/boldrcms-calculated.css') }}" /> <link rel="icon" href="{{ asset('assets/images/logo.svg') }}" /> {{ assets_macros.renderHeadContents(assets) }} {{ assets_macros.renderCssFiles(assets) }} {{ assets_macros.renderWebpackEncoreStyleEntries(assets) }} {% if boldr_cms_get_cookie_state().analysis %} <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-55B36VC');</script> {% endif %} <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?v=1.0.2" />{% block head %}{% endblock %}{% if app.environment == 'dev' %} <style> body {box-shadow: inset 10px 0 0 red; } </style>{% endif %} </head> <body class="{{ app.request.attributes.get('_route') == 'shop_shop' ? 'boldr-shop-order-page' }}"> <div id="wrap"> <div id="overlay-container"> <div id="overlay-loading"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; display: block;" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> <circle cx="50" cy="50" fill="none" stroke="#ffffff" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"> <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform> </circle> </svg> </div>{% block overlays %}{% endblock %} </div> {# Header #} <div class="header-wrapper"> {% block header_wrapper_content %} <div class="header-content"> <div class="header-content-left"> {# Header locale switcher #} {% set availableLocales = boldr_cms_get_enabled_locales() %} {% if availableLocales|length > 1 %} <div class="header-language-selector"> {% for locale in availableLocales %} {% set translatedUrl = boldr_cms_get_translation_url(locale) %} {% if translatedUrl is not null and locale != app.request.locale %} <a href="{{ translatedUrl }}" class="available-locale"> <img class="language-selector-flag" src="{{ asset('assets/images/flags/' ~ locale ~ '.png') }}" title="{{ locale|locale_name(locale) }}" /> <span>{{ locale|locale_name(locale) }}</span> </a> {% endif %} {% endfor %} </div> {% endif %} {# Header menu #} {% for menu in boldr_cms_get_menus_at_location('header') %} {{ _self.menu(menu, 'header-menu') }} {% endfor %} </div> {# Header logo #} <a class="header-logo" href="{{ url('cms_home') }}"> <img class="header-logo-image" src="{{ asset('assets/images/logo.svg') }}" alt="{{ boldr_cms_get_site_name() }}" title="{{ boldr_cms_get_site_name() }}"> </a> <div class="header-content-right"> {% if app.user %} {% if boldr_shop_get_customer().getCanChangeOwnDetails() %} <a class="header-user-link" href="{{ url('shop_personal_details') }}" id="header-user-button"> {{ 'my_account'|trans({}, 'HelensBakery') }} </a> {% else %} <a class="header-user-link" href="{{ url('boldr_users_logout') }}" id="header-user-button"> {{ 'my_account'|trans({}, 'HelensBakery') }} Log out </a> {% endif %} {% else %} <div class="header-login-wrapper"> <a href="#" id="header-login-button">{{ 'log_in'|trans({}, 'HelensBakery') }}</a> <form class="header-login-form" method="post" action="{{ url('boldr_users_login') }}"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"> <span class="header-login-form-header">{{ 'log_in'|trans({}, 'HelensBakery') }}</span> <div class="header-login-form-error"></div> <input type="text" id="header-login-username" name="_username" placeholder="{{ 'username'|trans({}, 'BoldrUsersBundle') }}" /> <input type="password" id="header-login-password" name="_password" placeholder="{{ 'password'|trans({}, 'BoldrUsersBundle') }}" /> <div class="form-label-control header-login-remember-me"> <input type="checkbox" name="_remember_me" id="header-login-remember" /> <label for="header-login-remember">{{ 'remember_me'|trans({}, 'BoldrUsersBundle') }}</label> </diV> <a href="{{ url('boldr_users_forgot_password') }}" class="header-login-form-forgot">{{ 'forgot_password'|trans({}, 'BoldrUsersBundle') }}</a> <button class="header-login-form-submit boldr-button boldr-button-filled" type="submit"> Inloggen </button> <a href="{{ url('app_register') }}" class="header-login-form-register">{{ 'no_account_click_here'|trans({}, 'HelensBakery') }}</a> </form> </div> {% endif %} {% set itemCount = boldr_shop_get_cart().itemCount %} {% if isShop|default(false) %} <div class="order-window-cart-next-states only-finish"> {% for nextState in cart.nextStates|filter(v => v.state == 'payment' or v.state == 'confirmed') %} <a href="{{ nextState.url }}" class="boldr-button boldr-button-highlight"> {{ nextState.buttonText }} </a> {% endfor %} </div> {% else %} <a href="{{ url('shop_shop') }}" id="header-order-button" class="boldr-button boldr-button-filled {{ itemCount > 0 ? 'has-items' }}"> <span id="header-order-button-order">{{ 'order'|trans({}, 'HelensBakery') }}</span> <span id="header-order-button-continue">{{ 'continue_order'|trans({}, 'HelensBakery') }}</span> <span id="header-order-button-count" class="boldr-button-notification-count">{{ itemCount }}</span> </a> {% endif %} </div> </div> <div class="header-mobile"> <div class="header-mobile-language"> <ul> {% if availableLocales|length > 1 %} <li> {% for locale in availableLocales %} {% set translatedUrl = boldr_cms_get_translation_url(locale) %} {% if translatedUrl is not null and locale != app.request.locale %} <a class="available-locale" href="{{ translatedUrl }}"> <img class="language-selector-flag" src="{{ asset('assets/images/flags/' ~ locale ~ '.png') }}" title="{{ locale|locale_name(locale) }}" /> </a> {% endif %} {% endfor %} </li> {% endif %} </ul> </div> <a href="#menu" class="header-mobile-button"> <span></span> <span></span> <span></span> </a> <div class="header-mobile-menu"> <div class="header-mobile-menu-inner"> <ul> <li> <a href="{{ url('shop_shop') }}" id="header-order-button" class="{{ itemCount > 0 ? 'has-items' }}"> <span id="header-order-button-order">{{ 'order'|trans({}, 'HelensBakery') }}</span> <span id="header-order-button-continue">{{ 'continue_order'|trans({}, 'HelensBakery') }}</span> </a> </li> </ul> {% for menu in boldr_cms_get_menus_at_location('header') %} {{ _self.menu(menu, 'header-menu') }} {% endfor %} <ul> <li> {% if app.user %} {% if boldr_shop_get_customer().getCanChangeOwnDetails() %} <a href="{{ url('shop_personal_details') }}"> {{ 'my_account'|trans({}, 'HelensBakery') }} </a> {% else %} <a href="{{ url('boldr_users_logout') }}"> {{ 'log_out'|trans({}, 'HelensBakery') }} </a> {% endif %} {% else %} <a href="{{ url('boldr_users_login') }}"> {{ 'log_in'|trans({}, 'HelensBakery') }} </a> {% endif %} </li> {% if availableLocales|length > 1 %} <li> {% for locale in availableLocales %} {% set translatedUrl = boldr_cms_get_translation_url(locale) %} {% if translatedUrl is not null and locale != app.request.locale %} <a class="available-locale" href="{{ translatedUrl }}"> <img class="language-selector-flag" src="{{ asset('assets/images/flags/' ~ locale ~ '.png') }}" title="{{ locale|locale_name(locale) }}" /> <span>{{ locale|locale_name(locale) }}</span> </a> {% endif %} {% endfor %} </li> {% endif %} </ul> </div> </div> </div> {% endblock %} </div> {# Main content #} <div class="main">{% block body %}{% endblock %} </div> {# Footer #} <div class="footer-wrapper"> <div class="footer-content"> <div class="footer-top"> <div class="footer-opening-hours"> <h3>{{ 'opening_hours'|trans({}, 'HelensBakery') }}</h3> {{ boldr_opening_hours(hb_get_opening_hours_set()) }} <p class="footer-bereidingstijd"> {{ 'warm_bread_15_min_before_close'|trans({}, 'HelensBakery') }} </p> {% set bestellijstPdf = boldr_site_options_get('bestellijst_pdf') %} {% if bestellijstPdf %} <a target="_blank" class="bestellijst-button" href="{{ boldr_cms_generate_link(boldr_site_options_get('bestellijst_pdf')) }}"> {{ 'order_list'|trans({}, 'HelensBakery') }} </a> {% endif %} </div> <div class="footer-contact"> <h3>{{ 'contact_details'|trans({}, 'HelensBakery') }}</h3> <div class="footer-contact-lines"> {# Address #} <div class="footer-contact-line-group"> <div class="boldr-contact-map-line"> <i class="icon-pin"></i> <div class="boldr-contact-map-address"> {{ boldr_site_options_get('contact_details_address') }}<br /> {{ boldr_site_options_get('contact_details_postal_code') }} {{ boldr_site_options_get('contact_details_city') }}<br /> {{ 'zep'|trans({}, 'HelensBakery') }} </div> </div> </div> {# Contact options #} <div class="footer-contact-line-group"> {% for contactOption in boldr_site_options_get('contact_details_contact_methods') %} <{{ (contactOption.url ? 'a href="' ~ contactOption.url ~ '"' : 'span')|raw }} class="boldr-contact-map-line boldr-contact-map-contact-option"> <i class="boldr-icon {{ contactOption.icon }}"></i> <span class="boldr-contact-map-contact-option-text"> {{ contactOption.text }} </span> </{{ contactOption.url ? 'a' : 'span' }}> {% endfor %} </div> <div class="footer-social-media"> {% for socialMediaLink in boldr_site_options_get('social_media_links') %} <a href="{{ socialMediaLink.url }}" target="_blank" title="{{ socialMediaLink.name }}" class="boldr-contact-map-social-media-link"> <i class="boldr-icon {{ socialMediaLink.icon }}"></i> </a> {% endfor %} </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-content-left"> {# Copyright #} <span class="footer-copyright">© {{ 'now'|date('Y') }} - {{ boldr_cms_get_site_name() }}.</span> <span class="footer-developer"> {{ 'website_by'|trans({}, 'HelensBakery') }} <a href="https://boldragency.nl" target="_blank" class="footer-developer-name"> Boldr Digital Agency </a> </span> </div> <div class="footer-content-right"> {# Footer menu #} {% for menu in boldr_cms_get_menus_at_location('footer') %} {{ _self.menu(menu, 'footer-menu') }} {% endfor %} </div> </div> </div> </div> </div> {% if not isShop|default(false) and not isCheckout|default(false) %} <div class="mobile-begin-order-bar"> {% set itemCount = boldr_shop_get_cart().itemCount %} <a href="{{ url('shop_shop') }}" class="boldr-button boldr-button-filled"> {{ (itemCount > 0 ? 'contiue_order' : 'start_order')|trans({}, 'HelensBakery') }} {% if itemCount > 0 %} <span class="boldr-button-notification-count">{{ itemCount }}</span> {% endif %} </a> </div> {% endif %} {{ boldr_cookies_render()|raw }} {# Render new head contents and script contents that were added by functions in the body #} {{ assets_macros.renderHeadContents(assets) }} {{ assets_macros.renderCssFiles(assets) }} {{ assets_macros.renderWebpackEncoreStyleEntries(assets) }} {{ assets_macros.renderJsFiles(assets) }} {{ assets_macros.renderWebpackEncoreScriptEntries(assets) }} {{ assets_macros.renderBodyContents(assets) }} {% if boldr_cms_get_cookie_state().analysis %} <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPHG9RG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> {% endif %} </body></html>{% macro menu(menu, class, itemClass) -%} <ul class="menu {{ class }}"> {% for item in menu.items %} {{ _self.menuItem(item, itemClass) }} {% endfor %} </ul>{%- endmacro %}{% macro menuItem(item, class) -%} {% set children %} {% if item.hasChildren() %} <ul class="menu-item-children"> {% for child in item.getChildren() %} {{ _self.menuItem(child) }} {% endfor %} </ul> {% endif %} {% endset %} <li class="menu-item{{ app.request.uri == item.url or app.request.requestUri == item.url ? ' menu-item-current' : ('menu-item-current' in children ? ' menu-item-current-child') }}"> {% if item.hasUrl %} <a {{ item.getOpenInNewWindow() ? ' target="blank"' : '' }} class="menu-item-text menu-item-link {{ class }}" href="{{ item.url }}"> {{ item.text }} </a> {% else %} <span class="menu-item-text"> {{ item.text }} </span> {% endif %} {% if item.notification is defined and item.notification is not empty %} <span class="menu-item-notification"> {{ item.notification }} </span> {% endif %} {{ children }} </li>{%- endmacro %}