templates/includes/header.html.twig line 1

Open in your IDE?
  1. {% if not editmode %}
  3. {% set bookLink = document.getProperty('BookNowLink') %}
  5. {% if document.getProperty('studio-type') %}
  6.     {% set studType = document.getProperty('studio-type') %}
  7.     {% if document.getProperty('studio-type') is instanceof('\\Pimcore\\Model\\DataObject')  %}
  8.         {% set bookLink = document.getProperty('BookNowLink') ~ '?studioTypeId=' ~ studType.id %}
  9.     {% else %}
  10.         {% set bookLink = document.getProperty('BookNowLink') ~ '?studioTypeId=' ~ studType %}
  11.     {% endif %}
  12. {% endif %}
  14.     <header id='header'>
  15.         <div class='apk-header uk-light' uk-sticky="top: 300; animation: uk-animation-slide-top">
  16.             <div class='apk-header-desktop uk-visible@l'>
  17.                 <div class='uk-container apk-container-1400'>
  18.                     <div class="uk-navbar" uk-navbar>
  19.                         <div class='uk-width-expand uk-navbar-left apk-header-left'>
  20.                             <ul class='uk-navbar-nav'>
  21.                                 <li class="uk-margin-right">
  22.                                     <a href='#menu-mobile' uk-toggle title="Menu">
  23.                                         <svg width="37" height="34" viewBox="0 0 38 34" fill="none" xmlns="http://www.w3.org/2000/svg" class=" uk-svg" data-svg="/static/img/pictos/menu-burger.svg">
  24.                                             <rect x="0.5" width="37" height="8.18462" fill="currentColor"></rect>
  25.                                             <rect x="0.5" y="12.4708" width="37" height="8.18462" fill="currentColor"></rect>
  26.                                             <rect x="0.5" y="25.8154" width="37" height="8.18462" fill="currentColor"></rect>
  27.                                         </svg>
  28.                                     </a>
  29.                                 </li>
  30.                                 <li>
  31.                                     <a href='/{{ app.request.locale }}' title="{{ "Your website name"|trans }}">
  32.                                         <div class='apk-logo'>
  33.                                             <svg width="300" height="72" viewBox="0 0 485 95" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
  34.                                                 <g id="Plan-de-travail1" serif:id="Plan de travail1" transform="matrix(1,0,0,1,-8.1,-5)">
  35.                                                     <rect x="8.1" y="5" width="484.3" height="92.2" style="fill:none;"/>
  36.                                                     <clipPath id="_clip1">
  37.                                                         <rect x="8.1" y="5" width="484.3" height="92.2"/>
  38.                                                     </clipPath>
  39.                                                     <g clip-path="url(#_clip1)">
  40.                                                         <g transform="matrix(1,0,0,1,0.1,0)">
  41.                                                             <path d="M8.1,86.9L8.1,16.3L29.3,16.3C32.5,16.3 35.1,16.7 37.1,17.6C39.2,18.4 40.8,19.8 42,21.7C43.2,23.6 44.1,26.1 44.5,29.2C45,32.3 45.2,36.1 45.2,40.6C45.2,45.2 45,49.1 44.5,52.3C44,55.4 43.2,58 42,60C40.8,62 39.2,63.4 37.1,64.3C35,65.2 32.4,65.6 29.3,65.6L22.8,65.6L22.8,86.9L8.1,86.9ZM26.7,51C28.1,51 29,50.2 29.6,48.7C30.2,47.2 30.4,44.3 30.4,40.1C30.4,36.4 30.1,33.9 29.4,32.7C28.7,31.5 27.7,30.9 26.3,30.9L22.8,30.9L22.8,50.9L26.7,50.9L26.7,51Z" fill="currentColor"/>
  42.                                                             <path d="M50.1,86.9L50.1,16.3L64.7,16.3L64.7,71.2L79.8,71.2L79.8,86.9L50.1,86.9Z" fill="currentColor"/>
  43.                                                             <path d="M106.9,16.3L121.5,16.3L121.5,65.1C121.4,68 121.3,70.4 121.1,72.4C120.9,74.3 120.7,75.9 120.4,77.2C120.1,78.5 119.8,79.6 119.4,80.4C119,81.2 118.6,82.1 118.1,82.9C117.5,83.9 116.7,84.7 115.9,85.4C115.1,86.1 114,86.6 112.8,87C111.6,87.4 110.1,87.7 108.4,87.8C106.7,88 104.8,88 102.5,88C98,88 94.5,87.6 92.2,86.9C89.8,86.2 88.1,84.8 86.9,82.8C86.4,82 85.9,81.2 85.5,80.3C85.1,79.5 84.7,78.4 84.4,77.1C84.1,75.8 83.9,74.2 83.7,72.3C83.5,70.4 83.5,68 83.5,65L83.5,16.3L98.5,16.3L98.5,65.1C98.5,66.8 98.5,68.1 98.6,69C98.7,69.9 98.9,70.6 99.2,71.1C99.5,71.6 99.9,71.9 100.5,72C101.1,72.1 101.8,72.2 102.7,72.2C103.6,72.2 104.4,72.1 104.9,72C105.4,71.9 105.8,71.6 106.2,71.1C106.5,70.6 106.7,69.9 106.8,69C106.9,68.1 106.9,66.8 106.9,65.1L106.9,16.3Z" fill="currentColor"/>
  44.                                                             <path d="M150.7,59.5L143.9,59.5L143.9,45.4L163.8,45.4C163.9,46.6 163.9,48.4 163.9,50.8L163.9,59.3C163.9,63.2 163.8,66.4 163.7,68.9C163.6,71.4 163.4,73.6 163.1,75.2C162.8,76.9 162.5,78.2 162.1,79.3C161.7,80.4 161.2,81.4 160.7,82.3C160.1,83.4 159.3,84.3 158.5,85.1C157.7,85.8 156.6,86.4 155.4,86.9C154.2,87.4 152.7,87.7 151,87.9C149.3,88.1 147.4,88.2 145.1,88.2C140.6,88.2 137.1,87.8 134.8,86.9C132.5,86.1 130.7,84.6 129.4,82.4C128.8,81.3 128.2,80.2 127.8,78.9C127.4,77.6 127,75.9 126.7,73.6C126.4,71.4 126.2,68.5 126.1,64.9C126,61.4 125.9,56.7 125.9,51C125.9,45.5 126,41.1 126.1,37.7C126.2,34.3 126.4,31.5 126.7,29.3C127,27.1 127.3,25.4 127.8,24.2C128.2,23 128.8,21.8 129.4,20.8C130.6,18.7 132.4,17.2 134.8,16.4C137.2,15.6 140.6,15.2 145.1,15.2C150.3,15.2 154.1,15.9 156.8,17.2C159.4,18.5 161.2,20.8 162.3,24C163.1,26.6 163.5,30.1 163.5,34.3L163.5,36.3C163.5,36.8 163.5,37.3 163.4,37.9L149.8,37.9C149.9,37.7 149.9,37.5 149.9,37.3L149.9,36.7C149.9,35.1 149.8,34 149.7,33.3C149.6,32.6 149.5,31.9 149.3,31.4C149.1,30.2 147.6,29.6 145,29.6C143.8,29.6 142.8,29.7 142.3,30C141.7,30.3 141.3,30.7 141,31.4C140.9,31.9 140.8,32.5 140.6,33.1C140.5,33.8 140.4,34.7 140.3,36.1C140.2,37.4 140.2,39.3 140.2,41.6L140.2,60.4C140.2,62.8 140.3,64.7 140.3,66C140.4,67.3 140.4,68.3 140.5,68.9C140.6,69.5 140.7,70 140.8,70.4C141.3,71.8 142.8,72.5 145.3,72.5C146.5,72.5 147.5,72.4 148.1,72.1C148.7,71.8 149.2,71.4 149.5,70.7C149.7,70.4 149.9,70.1 150,69.7C150.2,69.4 150.3,68.9 150.3,68.3C150.4,67.7 150.4,67 150.4,66.2L150.4,59.5L150.7,59.5Z" fill="currentColor"/>
  45.                                                             <path d="M196.7,86.8L196.7,31.2L185.6,31.2L185.6,16.3L222.4,16.3L222.4,31.2L211.3,31.2L211.3,86.8L196.7,86.8Z" fill="currentColor"/>
  46.                                                             <path d="M250.7,86.9L250.7,57.8L241.6,57.8L241.6,86.8L226.6,86.8L226.6,16.3L241.6,16.3L241.6,43.6L250.7,43.6L250.7,16.3L265.7,16.3L265.7,86.9L250.7,86.9Z" fill="currentColor"/>
  47.                                                             <path d="M271.9,86.9L271.9,16.3L303.1,16.3L303.1,31.2L286.5,31.2L286.5,43.6L302.8,43.6L302.8,57.9L286.5,57.9L286.5,71.2L303,71.2L303,86.9L271.9,86.9Z" fill="currentColor"/>
  48.                                                             <path d="M348.1,16.3L363.1,16.3L363.1,50.5C363.1,55.8 363,60.3 362.9,63.9C362.8,67.5 362.6,70.5 362.3,72.9C362,75.3 361.7,77.2 361.3,78.6C360.9,80 360.4,81.2 359.8,82.2C359.2,83.3 358.4,84.2 357.6,84.9C356.7,85.6 355.7,86.3 354.4,86.7C353.1,87.2 351.6,87.5 349.8,87.7C348,87.9 346,88 343.7,88C339.8,88 336.6,87.6 334.2,86.7C331.8,85.8 330,84.5 328.7,82.7C327.4,80.9 326.5,78.6 326.1,75.8C325.7,73 325.5,69.8 325.5,66.1C325.5,64.1 325.6,62 325.8,59.8L338.8,59.8L338.8,63.6C338.8,64.7 338.9,65.7 338.9,66.5C339,67.3 339.1,68.1 339.2,68.8C339.3,69.5 339.5,70.1 339.7,70.8C340.1,71.9 341.3,72.4 343.1,72.4C344.5,72.4 345.5,72.3 346.1,72C346.7,71.8 347.1,71.3 347.3,70.7C347.4,70.2 347.5,69.6 347.7,68.9C347.8,68.2 347.9,67.2 348,65.8C348.1,64.4 348.1,62.6 348.1,60.3L348.1,16.3Z" fill="currentColor"/>
  49.                                                             <path d="M390,86.8L388.8,70.5L381.7,70.5L380.6,86.8L365.9,86.8L373.5,16.2L398,16.2L405.1,86.8L390,86.8ZM385.7,31L384.7,31L382.4,56.3L388.2,56.3L385.7,31Z" fill="currentColor"/>
  50.                                                             <path d="M445.1,59.8C445.3,62 445.4,64.1 445.4,66.1C445.4,69.8 445.2,73.1 444.8,75.8C444.4,78.6 443.5,80.8 442.2,82.7C440.9,84.5 439,85.8 436.7,86.7C434.3,87.6 431.2,88 427.2,88C422.5,88 419,87.6 416.5,86.7C414,85.9 412.2,84.4 411,82.2C410.4,81.2 409.8,80 409.4,78.7C409,77.3 408.6,75.5 408.3,73.2C408,70.9 407.8,68 407.7,64.4C407.6,60.9 407.5,56.4 407.5,50.9C407.5,45.4 407.6,41 407.7,37.6C407.8,34.2 408,31.4 408.3,29.2C408.6,27 408.9,25.3 409.4,24.1C409.8,22.9 410.4,21.7 411,20.7C412.2,18.6 414,17.1 416.4,16.3C418.8,15.5 422.2,15.1 426.7,15.1C430.7,15.1 433.9,15.5 436.3,16.2C438.7,16.9 440.6,18.2 441.9,19.8C443.2,21.5 444.1,23.6 444.5,26.3C444.9,28.9 445.2,32.1 445.2,35.9L445.2,38.8C445.2,39.9 445.1,41 445.1,42.2L431.4,42.2L431.4,37.5C431.4,36.3 431.3,35.2 431.3,34.4C431.2,33.6 431.2,33 431.1,32.5C431,32 430.9,31.6 430.9,31.3C430.7,30.1 429.3,29.5 427,29.5C425.8,29.5 425,29.6 424.4,29.9C423.9,30.2 423.5,30.6 423.3,31.3C423.1,31.8 423,32.4 422.9,33C422.8,33.7 422.7,34.6 422.6,36C422.5,37.3 422.4,39.2 422.4,41.5L422.4,60.1C422.4,62.5 422.5,64.3 422.6,65.7C422.7,67.1 422.8,68.1 422.9,68.8C423,69.5 423.1,70.1 423.3,70.6C423.5,71.2 423.9,71.7 424.4,71.9C425,72.1 426,72.3 427.4,72.3C429.3,72.3 430.4,71.8 430.8,70.7C431,70.1 431.2,69.4 431.4,68.7C431.5,68 431.6,67.3 431.7,66.4C431.8,65.6 431.8,64.6 431.8,63.5L431.8,59.7L445.1,59.7L445.1,59.8Z" fill="currentColor"/>
  51.                                                             <path d="M475.5,86.8L466.6,55.1L465.7,55.1C465.8,55.9 465.9,56.8 465.9,57.7L465.9,86.9L450.9,86.9L450.9,16.3L465.9,16.3L465.9,44C465.9,44.6 465.8,45.2 465.8,45.8L466.7,45.8L476.1,16.3L491.5,16.3L491.5,16.8L480.8,48.3L492.4,86.4L492.4,86.9L475.5,86.9L475.5,86.8Z" fill="currentColor"/>
  52.                                                         </g>
  53.                                                     </g>
  54.                                                 </g>
  55.                                             </svg>
  56.                                             
  57.                                         </div>
  58.                                     </a>
  59.                                 </li>
  60.                                 <li class="uk-flex uk-flex-middle uk-margin-small-right uk-margin-small-left">
  61.                                     <a class="uk-button uk-button-header uk-button-white-orange"
  62.                                     href="{{ document.getProperty('packsCreditsUrl') }}">{{ "Packs crédits"|trans }}</a>
  63.                                     {#
  64.                                     <a class='apk-studios-link' href="{{ document.getProperty('studiosDetailLink') }}">
  65.                                         {{ document.getProperty("studiosDetailText") }}
  66.                                     </a>
  67.                                     #}
  68.                                 </li>
  69.                             </ul>
  70.                         </div>
  71.                         <div class='uk-width-auto uk-navbar-right apk-header-right'>
  72.                             <ul class='uk-navbar-nav'>
  73.                                 <li class='apk-separator'>
  74.                                     {% if app.user %}
  75.                                         <a class='uk-button-default uk-text-center' type='button'>
  76.                                             {{app.user.firstname}}
  77.                                             {% if app.user.credit and app.user.credit > 0 %}
  78.                                                 <br/>
  79.                                                 {{ "(+ " ~ app.user.credit ~ "€)" }}
  80.                                             {% endif %}
  81.                                         </a>
  82.                                         <div class="uk-dropdown" uk-dropdown>
  83.                                             <ul class='uk-nav uk-dropdown-nav'>
  84.                                                 <li>
  85.                                                     <a href="{{path('account')}}">
  86.                                                         {{ "My details"|trans }}
  87.                                                     </a>
  88.                                                 </li>
  89.                                                 <li>
  90.                                                     <a href="{{path('account_orders')}}">
  91.                                                         {{ "My bookings"|trans }}
  92.                                                     </a>
  93.                                                 </li>
  94.                                                 <li>
  95.                                                     <a href="{{path('account_documents')}}">
  96.                                                         {{ "My account"|trans }}
  97.                                                     </a>
  98.                                                 </li>
  99.                                                 {% if is_granted("ROLE_ADMIN") %}
  100.                                                     <li>
  101.                                                         <a href="{{path('admin_users')}}">
  102.                                                             {{ "Users Management"|trans }}
  103.                                                         </a>
  104.                                                     </li>
  105.                                                     <li>
  106.                                                         <a href="{{path('admin_orders')}}">
  107.                                                             {{ "Orders Management"|trans }}
  108.                                                         </a>
  109.                                                     </li>
  110.                                                 {% endif %}
  112.                                                 {% if app.user.parrainageToken %}
  113.                                                     <li>
  114.                                                         <a href="{{path('account_parrainage')}}">
  115.                                                             {{ "Parrainer"|trans }}
  116.                                                         </a>
  117.                                                     </li>
  118.                                                 {% endif %}
  119.                                                 
  120.                                                 <li>
  121.                                                     <a href="{{path('beforeLogout')}}">
  122.                                                         {{ "Logout"|trans }}
  123.                                                     </a>
  124.                                                 </li>
  125.                                             </ul>
  126.                                         </div>
  127.                                     {% else %}
  128.                                         <a href="{{path('login')}}">
  129.                                             {{ "Login"|trans }}
  130.                                         </a>
  131.                                     {% endif %}
  132.                                 </li>
  133.                                 <li>
  134.                                     {{ get_language_switcher_html(document, 'dropdown', 'code')|raw }}
  135.                                 </li>
  136.                                 {% if bookLink %}
  137.                                     <li class='uk-margin-left uk-visible@l'>
  138.                                         <a class='uk-button uk-button-primary' href="{{ bookLink }}">{{ "Book now"|trans }}</a>
  139.                                     </li>
  140.                                 {% endif %}
  141.                             </ul>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.             </div>
  146.             <div class='apk-header-mobile uk-hidden@l'>
  147.                 <div class='uk-container'>
  148.                     <ul class='apk-header-list uk-width-1-1'>
  149.                         <li class='uk-width-1-5 uk-flex uk-flex-left'>
  150.                             <a href='#menu-mobile' uk-toggle>
  151.                                 <img width='25' height='25' uk-svg src='/static/img/pictos/menu-burger.svg' alt='Menu'>
  152.                             </a>
  153.                         </li>
  154.                         <li class='uk-width-3-5 uk-flex uk-flex-center'>
  155.                             <a href='/{{app.request.locale == "fr" ? "" : app.request.locale}}' title="{{ "Your website name"|trans }}">
  156.                                 <div class='apk-logo uk-text-center'>
  157.                                     <span style="font-family: Built Titlting Bold, Arial">{{ "Your website name"|trans }}</span>
  158.                                 </div>
  159.                             </a>
  160.                         </li>
  161.                         <li class='uk-width-1-5 uk-flex uk-flex-right'>
  162.                             <ul class='apk-header-nav uk-text-right'>
  163.                                 <li class="uk-visible@s">
  164.                                     {% if userLogged %}
  165.                                     <a href="{{path('beforeLogout')}}">
  166.                                         {{ "Logout"|trans }}
  167.                                     </a>    
  168.                                     {% else %}
  169.                                     <a href="{{path('login')}}">
  170.                                         {{ "Login"|trans }}
  171.                                     </a>
  172.                                     {% endif %}
  173.                                 </li>
  174.                                 <li>
  175.                                     <div>
  176.                                         {{ get_language_switcher_html(document, 'dropdown', 'code')|raw }}
  177.                                     </div>
  178.                                 </li>
  179.                             </ul>
  180.                         </li>
  181.                     </ul>
  182.                     <ul class='uk-navbar-nav uk-width-1-1'>
  183.                         {% if document.getProperty('studiosDetailLink') %}
  184.                             <li class='uk-width-expand uk-flex uk-flex-left'>
  185.                                 {#<a class='uk-padding-remove-left' href="{{ document.getProperty('studiosDetailLink') }}">
  186.                                     {{ document.getProperty("studiosDetailText") }}
  187.                                 </a>#}
  188.                                 <a class="uk-button uk-button-primary uk-button-white-orange apk-text-initial uk-width-1-1"
  189.                                     href="{{ document.getProperty('packsCreditsUrl') }}">{{ "Packs crédits"|trans }}</a>
  190.                             </li>
  191.                         {% endif %}
  193.                         {#% if document.getProperty('whoIsJackLink') %}
  194.                             <li class='uk-width-expand uk-flex uk-flex-center uk-visible@s'>
  195.                                 <a href="{{ document.getProperty('whoIsJackLink') }}" class=" uk-width-1-1">
  196.                                     {{ "Who's Jack ?"|trans }}
  197.                                 </a>
  198.                             </li>
  199.                         {% endif %#}
  201.                         <li class='uk-width-expand uk-flex uk-flex-center uk-text-center uk-width-1-1'>
  202.                             {% if not userLogged %}
  203.                             <a href="{{ path('login') }}">
  204.                                 {{ "Login"|trans }}
  205.                             </a>
  206.                             {% else %}
  207.                             <a href="{{path('account_orders')}}">
  208.                                 {{ "Mon compte"|trans }} 
  209.                                 {% if userLogged.credit and userLogged.credit > 0 %}
  210.                                     <br/>
  211.                                     {{ "(+ " ~ userLogged.credit ~ "€)" }}
  212.                                 {% endif %}
  213.                             </a>
  214.                             {% endif %}
  215.                         </li>
  217.                         {% if bookLink %}
  218.                             <li class="uk-width-expand uk-flex uk-flex-right">
  219.                                 <a class="uk-button uk-button-primary uk-width-1-1" href="{{ bookLink }}">{{ "Book now"|trans }}</a>
  220.                             </li>
  221.                         {% endif %}
  222.                     </ul>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.     </header>
  227.     {% include "includes/offcanvas.html.twig" %}
  229. {% endif %}