templates/includes/header.html.twig line 1

Open in your IDE?
  2. <header id="header">
  3.     <div class="apk-container-language-switcher">
  4.         {{ get_language_switcher_html(document, 'inline', 'code')|raw }}
  5.     </div>
  6.     <div class="apk-header uk-background-muted uk-visible@m">
  7.         <div class="uk-position-z-index" uk-sticky="end: !.uk-height-large;">
  8.             <div class="apk-header-top">
  9.                 <div class="uk-container apk-container-1400">
  10.                     <div class="uk-navbar" uk-navbar>
  11.                         <div class="uk-navbar-right">
  12.                             <ul class="uk-navbar-nav">
  13.                                 {% if document.property('contactDocument') %}
  14.                                 <li>
  15.                                     <a href="{{ (document.getProperty('contactDocument')) }}">
  16.                                         {{ "Contact"|trans }}
  17.                                     </a>
  18.                                 </li>    
  19.                                 {% endif %}
  20.                                 
  21.                                 {# {% if document.property('bookDocument') %}
  22.                                 <li>
  23.                                     <a class="uk-button" href="{{ (document.getProperty('bookDocument')) }}" target="_blank">
  24.                                         <img uk-svg class="uk-margin-small-right" width="18px" height="18px" src="/static/img/pictos/calendar.svg">
  25.                                         {{ "Réserver"|trans }}
  26.                                     </a>
  27.                                 </li>    
  28.                                 {% endif %} #}
  30.                                 <li>
  31.                                     <button class="uk-button" uk-toggle="target: #reservation-modal">
  32.                                         <img uk-svg class="uk-margin-small-right" width="18px" height="18px" src="/static/img/pictos/calendar.svg">
  33.                                         {{ "Réserver"|trans }}
  34.                                     </button>
  35.                                 </li>
  37.                             </ul>
  38.                         </div>
  39.                     </div>    
  40.                 </div>
  41.             </div>
  42.             <div class="apk-header-bottom">
  43.                 <nav class="uk-navbar-container uk-navbar" uk-navbar>
  44.                     <div class="uk-navbar-center">
  45.                         <ul class="uk-navbar-nav">
  46.                             <li>
  47.                                 <a class="apk-logo uk-margin-top uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Your website name"|trans }}">
  48.                                     {{ "Your website name"|trans }}
  49.                                 </a>
  50.                             </li>
  51.                         </ul>
  52.                     </div>
  53.                 </nav>
  54.                 <nav class="uk-container apk-container-1400 uk-navbar-container uk-navbar uk-flex uk-flex-center" uk-navbar>
  55.                     <div class="uk-width-1-1">
  56.                         <ul class="uk-navbar-nav">
  57.                             {% include "includes/main-nav.html.twig" %}
  58.                         </ul>
  59.                     </div>
  60.                 </nav>
  61.             </div>
  62.         </div>
  63.     </div> <!-- fin div desktop -->
  65.     <div class="uk-background-muted apk-header-mobile uk-hidden@m"  uk-sticky="end: !.uk-height-large;">
  66.         <div class="uk-position-z-index">
  67.             <div class="uk-hidden@m">
  68.                 <div class="uk-grid" uk-grid>
  69.                     <div class="uk-width-expand">
  70.                         <a class="apk-logo uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Your website name"|trans }}">
  71.                             {{ "Your website name"|trans }}
  72.                         </a>
  73.                     </div>
  74.                     <div class="uk-width-auto">
  75.                         <a width="30" height="30" uk-toggle="target: #offcanvas-nav-primary"><img src="/static/img/pictos/menu-burger.svg" alt=""></a>
  76.                     </div>
  77.                 </div>
  78.             </div>
  80.             <div id="offcanvas-nav-primary" class="apk-menu-mobile" uk-offcanvas="overlay: true; flip: true">
  81.             <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  83.                 <a class="apk-logo uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Your website name"|trans }}">
  84.                     {{ "Your website name"|trans }}
  85.                 </a>
  87.                 <li>
  88.                     <button class="uk-button" uk-toggle="target: #reservation-modal">
  89.                         <img uk-svg class="uk-margin-small-right" width="18px" height="18px" src="/static/img/pictos/calendar.svg">
  90.                         {{ "Réserver"|trans }}
  91.                     </button>
  92.                 </li>
  94.                 {% include "includes/main-nav-sidebar.html.twig" %}
  96.                 {% if document.property('contactDocument') %}
  97.                 <li>
  98.                     <a href="{{ (document.getProperty('contactDocument')) }}">
  99.                         {{ "Contact"|trans }}
  100.                     </a>
  101.                 </li>    
  102.                 {% endif %}
  103.                 
  104.                 <hr>
  106.                 {% if document.property('companyMail') %}
  107.                     <div>
  108.                         {{ email_obfuscator_svg(document.property('companyMail'))|raw }}
  109.                     </div>
  110.                     {% endif %}
  112.                     {% if document.property('companyPhone') %}
  113.                     <div>
  114.                         <a href="{{ document.property('companyPhone') }}">
  115.                             <img uk-svg width="15" height="15" class="uk-margin-small-right" src="/static/img/pictos/tel.svg" alt="{{ "Tel"|trans }}">
  116.                             {{ document.property('companyPhone') }}
  117.                         </a>
  118.                     </div>
  119.                 {% endif %}
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </header>
  130. {#{ get_language_switcher_html() }#}