templates/front/_shared/header.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'front' %}
  2. {% set darkMode = 'dark-header' not in header_class %}
  4. {% set route = app.request.get('_route') %}
  6. <div id="main-header" class="{{ header_class }}">
  7.     {% if darkMode %}
  8.         <div class="dark-bg"></div>
  9.     {% endif %}
  11.     <header class="container">
  12.         <div class="row menu">
  13.             <nav class="d-flex align-items-center justify-content-between nav-desktop">
  14.                 <ul class="main-menu">
  15.                     <li class="logo logo-light visible">
  16.                         <a href="{{ path('front_page_home') }}">
  17.                             {% if darkMode %}
  18.                                 <img src="{{ asset('build/images/logo-color.svg') }}" alt="Citizens">
  19.                             {% else %}
  20.                                 <img src="{{ asset('build/images/logo-dark-desktop.svg') }}" alt="Citizens">
  21.                             {% endif %}
  22.                         </a>
  23.                     </li>
  24.                     <li class="logo logo-dark d-lg-none"><a href="{{ path('front_page_home') }}"><img src="{{ asset('build/images/logo-dark.svg') }}" alt="Citizens"></a></li>
  25.                     <li class="d-none d-xl-inline-block {{ route starts with 'front_page_comfort' ? 'active' }}"><a href="{{ path('front_page_comfort') }}">{{ 'label.comfort'|trans }}</a></li>
  26.                     <li class="d-none d-xl-inline-block {{ route starts with 'front_page_services' ? 'active' }}"><a href="{{ path('front_page_services') }}">{{ 'label.services'|trans }}</a></li>
  27.                     <li class="d-none d-xl-inline-block {{ route starts with 'front_page_community' ? 'active' }}"><a href="{{ path('front_page_community') }}">{{ 'account.spareTimeActivities'|trans }}</a></li>
  28.                     <li class="d-none d-xl-inline-block {{ route starts with 'front_page_benefits_citizens' ? 'active' }}"><a href="{{ path('front_page_benefits_citizens') }}">{{ 'label.citizen_life'|trans }}</a></li>
  29.                     <li class="d-none d-xl-inline-block has-submenu {{ (route starts with 'front_page_investors' or route starts with 'front_page_owners') ? 'active' }}">
  30.                         <a href="{{ path('front_page_investors') }}">{{ 'label.landlords'|trans }} <small><i class="fa fa-chevron-down"></i></small></a>
  31.                         <ul class="submenu" style="min-width: 310px;">
  32.                             <li {{ route starts with 'front_page_investors' ? 'active' }}><a href="{{ path('front_page_investors') }}">Investir dans un bien coliving</a></li>
  33.                             <li {{ route starts with 'front_page_owners' ? 'active' }}><a href="{{ path('front_page_owners') }}">Transformer son bien en coliving</a></li>
  34.                         </ul>
  35.                     </li>
  36.                     <!--li class="d-none d-xl-inline-block has-submenu {{ (route starts with 'front_page_company_' or route starts with 'front_company_') ? 'active' }}">
  37.                         <a href="{{ path('front_page_company_about') }}">{{ 'label.the_company'|trans }} <i class="fa fa-chevron-down"></i></a>
  38.                         <ul class="submenu">
  39.                             <li {{ route starts with 'front_page_company_about' ? 'active' }}><a href="{{ path('front_page_company_about') }}">{{ 'label.about'|trans }}</a></li>
  40.                             <li {{ route starts with 'front_page_company_our_jobs' ? 'active' }}><a href="{{ path('front_page_company_our_jobs') }}">{{ 'label.our_jobs'|trans }}</a></li>
  41.                             <li {{ route starts with 'front_page_company_organizational_chart' ? 'active' }}><a href="{{ path('front_page_company_organizational_chart') }}">{{ 'label.our_organizational_chart'|trans }}</a></li>
  42.                             <li {{ route starts with 'front_company_jobs' ? 'active' }}><a href="{{ path('front_company_jobs_list') }}">{{ 'label.jobs'|trans }}</a></li>
  43.                             <li {{ route starts with 'front_page_faq' ? 'active' }}><a href="{{ path('front_page_faq') }}">{{ 'label.faq'|trans }}</a></li>
  44.                         </ul>
  45.                     </li-->
  47.                 </ul>
  48.             </nav>
  49.             <div class="d-none d-xl-flex align-items-center justify-content-end nav-desktop nav-cta">
  50.                 <ul class="d-xl-flex align-items-center justify-content-end">
  51.                     <li class="d-none d-xl-inline-block"> <a href="{{ path('front_search_index') }}" class="cta">{{ 'label.find_home'|trans }}</a></li>
  52.                     <li class="d-none d-xl-inline-block">
  53.                         {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  54.                             <a href="{{ path('front_account_dashboard') }}" class="cta light open-dynamic-modal" data-route="{{ path('front_user_modal_login') }}">Compte</a>
  55.                         {% else %}
  56.                             <div class="dropdown">
  57.                                 <a href="{{ path('front_account_dashboard') }}" id="accountDropdown" class="cta light dropdown-toggle">
  58.                                     <i class="fa fa-user-circle"></i> {{ app.user.firstname }}
  59.                                 </a>
  60.                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="accountDropdown">
  61.                                     {% if app.user.hasAccessToCms %}
  62.                                         <a class="dropdown-item" href="{{ path('cms_login_role_redirect') }}">Administration</a>
  63.                                     {% else %}
  64.                                         {% if app.user.isOccupyingRoom %}
  65.                                             <a class="dropdown-item" href="{{ path('front_account_occupancy_index') }}">{{ 'account.my_room'|trans }}</a>
  66.                                         {% endif %}
  68.                                         {% set occupancy = app.user.currentOccupancy %}
  69.                                         {% if occupancy is not null %}
  70.                                             <a class="dropdown-item" href="{{ path('front_account_sparetime_activities_list') }}">{{ 'account.mySpareTimeActivities'|trans }}</a>
  71.                                             <a class="dropdown-item" href="{{ path('front_account_support_list') }}">{{ 'account.concierge'|trans }}</a>
  72.                                             <a class="dropdown-item" href="{{ path('front_account_maintenance_list') }}">{{ 'account.maintenance'|trans }}</a>
  73.                                         {% endif %}
  75.                                         <a class="dropdown-item" href="{{ path('front_account_informations') }}">{{ 'account.personal_informations'|trans }}</a>
  76.                                         <a class="dropdown-item" href="{{ path('front_account_documents') }}">{{ 'account.my_documents'|trans }}</a>
  77.                                         <a class="dropdown-item disabled" disabled href="{{ path('front_account_rents') }}">{{ 'account.my_rents'|trans }}</a>
  78.                                         <a class="dropdown-item" href="{{ path('front_account_inventory') }}">{{ 'account.my_inventory'|trans }}</a>
  79.                                     {% endif %}
  80.                                     <hr style="margin: 5px;">
  81.                                     <a class="dropdown-item" href="{{ path('front_user_logout') }}">{{ 'label.logout'|trans }}</a>
  82.                                 </div>
  83.                             </div>
  84.                         {% endif %}
  85.                     </li>
  86.                     <li class="d-none d-xl-inline-block">
  87.                         {% include 'front/_shared/language-switcher.html.twig' %}
  88.                     </li>
  89.                 </ul>
  91.             </div> <!-- nav-cta -->
  92.             <div class="col-5 menu-mobile-toggle d-flex d-xl-none align-items-center justify-content-end pr-0">
  93.                 {% if darkMode %}
  94.                     <img class="open-menu" src="{{ asset('build/images/icons/menu-toggle.svg') }}" alt="">
  95.                 {% else %}
  96.                     <img class="open-menu" src="{{ asset('build/images/icons/menu-toggle-dark.svg') }}" alt="">
  97.                 {% endif %}
  98.                 <img class="close-menu d-none" src="{{ asset('build/images/icons/menu-close.svg') }}" alt="">
  99.             </div> <!-- menu mobile toggle -->
  100.         </div> <!-- row -->
  101.     </header>
  102.     <div class="menu-mobile">
  103.         <ul>
  104.             <li class="{{ route starts with 'front_page_comfort' ? 'active' }}"><a href="{{ path('front_page_comfort') }}">{{ 'label.comfort'|trans }}</a></li>
  105.             <li class="{{ route starts with 'front_page_services' ? 'active' }}"><a href="{{ path('front_page_services') }}">{{ 'label.services'|trans }}</a></li>
  106.             <li class="{{ route starts with 'front_page_community' ? 'active' }}"><a href="{{ path('front_page_community') }}">{{ 'label.communities'|trans }}</a></li>
  107.             <li class="{{ route starts with 'front_page_benefits_citizens' ? 'active' }}"><a href="{{ path('front_page_benefits_citizens') }}">{{ 'label.citizen_life'|trans }}</a></li>
  108.             <li class="dropdown {{ (route starts with 'front_page_investors' or route starts with 'front_page_owners') ? 'active' }}">
  109.                 <a data-toggle="collapse" aria-expanded="false" role="button" aria-controls="collapseInvestors" href="#collapseInvestors">{{ 'label.landlords'|trans }} <small><i class="fa fa-chevron-down"></i></small></a>
  110.                 <div class="collapse" id="collapseInvestors">
  111.                     <ul class="mobile-submenu">
  112.                         <li {{ route starts with 'front_page_investors' ? 'active' }}><a href="{{ path('front_page_investors') }}">Investir dans un bien coliving</a></li>
  113.                         <li {{ route starts with 'front_page_owners' ? 'active' }}><a href="{{ path('front_page_owners') }}">Transformer son bien en coliving</a></li>
  114.                     </ul>
  115.                 </div>
  116.             </li>
  117.             <!--li class="{{ (route starts with 'front_page_company_' or route starts with 'front_company_') ? 'active' }}">
  118.                 <a href="{{ path('front_page_company_about') }}">{{ 'label.the_company'|trans }} <i class="fa fa-chevron-down"></i></a>
  119.                 <ul class="mobile-submenu">
  120.                     <li {{ route starts with 'front_page_company_about' ? 'active' }}><a href="{{ path('front_page_company_about') }}">{{ 'label.about'|trans }}</a></li>
  121.                     <li {{ route starts with 'front_page_company_our_jobs' ? 'active' }}><a href="{{ path('front_page_company_our_jobs') }}">{{ 'label.our_jobs'|trans }}</a></li>
  122.                     <li {{ route starts with 'front_page_company_organizational_chart' ? 'active' }}><a href="{{ path('front_page_company_organizational_chart') }}">{{ 'label.our_organizational_chart'|trans }}</a></li>
  123.                     <li {{ route starts with 'front_company_jobs' ? 'active' }}><a href="{{ path('front_company_jobs_list') }}">{{ 'label.jobs'|trans }}</a></li>
  124.                     <li {{ route starts with 'front_page_faq' ? 'active' }}><a href="{{ path('front_page_faq') }}">{{ 'label.faq'|trans }}</a></li>
  125.                 </ul>
  126.             </li-->
  127.         </ul>
  128.         <div class="text-center mobile-cta">
  129.             <a href="{{ path('front_search_index') }}" class="cta">{{ 'label.find_home'|trans }}</a>
  130.             {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  131.                 <a href="{{ path('front_account_dashboard') }}" class="cta light open-dynamic-modal" data-route="{{ path('front_user_modal_login') }}">Espace compte</a>
  132.             {% else %}
  133.                 <a href="{{ path('front_account_dashboard') }}" class="cta light">{{ 'label.account'|trans }}</a>
  134.             {% endif %}
  135.         </div>
  136.     </div> <!-- menu mobile -->
  138.     {{ header_content|raw }}
  139. </div>