templates/front/_shared/header-2.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') }}">Coliving</a></li>
  27.                     <li class="d-none d-xl-inline-block has-submenu {{ (route starts with 'front_page_services' or route starts with 'front_page_services') ? 'active' }}">
  28.                         <a href="{{ path('front_page_services') }}">AVANTAGES <small><i class="fa fa-chevron-down"></i></small></a>
  29.                         <ul class="submenu" style="min-width: 310px;">
  30.                             <li class="{{ route starts with 'front_page_services' ? 'active' }}"><a href="{{ path('front_page_services') }}">{{ 'label.services'|trans }}</a></li>
  31.                             <li class="{{ route starts with 'front_page_community' ? 'active' }}"><a href="{{ path('front_page_community') }}">{{ 'account.spareTimeActivities'|trans }}</a></li>
  32.                             <li class="{{ route starts with 'front_page_benefits_citizens' ? 'active' }}"><a href="{{ path('front_page_benefits_citizens') }}">{{ 'label.citizen_life'|trans }}</a></li>
  33.                         </ul>
  34.                     </li>
  36.                     <li class="d-none d-xl-inline-block has-submenu {{ (route starts with 'front_page_investors' or route starts with 'front_page_owners') ? 'active' }}">
  37.                         <a href="{{ path('front_page_investors') }}">{{ 'label.landlords'|trans }} <small><i class="fa fa-chevron-down"></i></small></a>
  38.                         <ul class="submenu" style="min-width: 310px;">
  39.                             <li class="{{ route starts with 'front_page_investors' ? 'active' }}"><a href="{{ path('front_page_investors') }}">Investir dans un bien coliving</a></li>
  40.                             <li class="{{ route starts with 'front_page_owners' ? 'active' }}"><a href="{{ path('front_page_owners') }}">Transformer son bien en coliving</a></li>
  41.                         </ul>
  42.                     </li>
  43.                     <!--li class="d-none d-xl-inline-block has-submenu {{ (route starts with 'front_page_company_' or route starts with 'front_company_') ? 'active' }}">
  44.                         <a href="{{ path('front_page_company_about') }}">{{ 'label.the_company'|trans }} <i class="fa fa-chevron-down"></i></a>
  45.                         <ul class="submenu">
  46.                             <li {{ route starts with 'front_page_company_about' ? 'active' }}><a href="{{ path('front_page_company_about') }}">{{ 'label.about'|trans }}</a></li>
  47.                             <li {{ route starts with 'front_page_company_our_jobs' ? 'active' }}><a href="{{ path('front_page_company_our_jobs') }}">{{ 'label.our_jobs'|trans }}</a></li>
  48.                             <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>
  49.                             <li {{ route starts with 'front_company_jobs' ? 'active' }}><a href="{{ path('front_company_jobs_list') }}">{{ 'label.jobs'|trans }}</a></li>
  50.                             <li {{ route starts with 'front_page_faq' ? 'active' }}><a href="{{ path('front_page_faq') }}">{{ 'label.faq'|trans }}</a></li>
  51.                         </ul>
  52.                     </li-->
  54.                 </ul>
  55.             </nav>
  56.             <div class="d-none d-xl-flex align-items-center justify-content-end nav-desktop nav-cta">
  57.                 <ul class="d-xl-flex align-items-center justify-content-end">
  58.                     <li class="d-none d-xl-inline-block"> <a href="{{ path('front_search_index') }}" class="cta">Nos logements</a></li>
  59.                     <li class="d-none d-xl-inline-block">
  60.                         {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  61.                             <a href="{{ path('front_account_dashboard') }}" class="cta light open-dynamic-modal" data-route="{{ path('front_user_modal_login') }}">Compte</a>
  62.                         {% else %}
  63.                             <div class="dropdown">
  64.                                 <a href="{{ path('front_account_dashboard') }}" id="accountDropdown" class="cta light dropdown-toggle">
  65.                                     <i class="fa fa-user-circle"></i> {{ app.user.firstname }}
  66.                                 </a>
  67.                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="accountDropdown">
  68.                                     {% if app.user.hasAccessToCms %}
  69.                                         <a class="dropdown-item" href="{{ path('cms_login_role_redirect') }}">Administration</a>
  70.                                     {% else %}
  71.                                         <a class="dropdown-item" href="{{ path('front_account_dashboard') }}">Espace locataire</a>
  73.                                         {% if app.user.isOccupyingRoom %}
  74.                                             <a class="dropdown-item" href="{{ path('front_account_occupancy_index') }}">{{ 'account.my_room'|trans }}</a>
  75.                                         {% endif %}
  77.                                         {% set occupancy = app.user.currentOccupancy %}
  78.                                         {% if occupancy is not null %}
  79.                                             <!--a class="dropdown-item" href="{{ path('front_account_sparetime_activities_list') }}">{{ 'account.mySpareTimeActivities'|trans }}</a-->
  80.                                             <!--a class="dropdown-item" href="{{ path('front_account_support_list') }}">{{ 'account.concierge'|trans }}</a-->
  81.                                             <!--a class="dropdown-item" href="{{ path('front_account_bigbrother_list') }}">{{ 'account.bigbrother'|trans }}</a-->
  82.                                             <!--a class="dropdown-item" href="{{ path('front_account_maintenance_list') }}">{{ 'account.maintenance'|trans }}</a-->
  83.                                         {% endif %}
  85.                                         <a class="dropdown-item" href="{{ path('front_account_informations') }}">{{ 'account.personal_informations'|trans }}</a>
  86.                                         <a class="dropdown-item" href="{{ path('front_account_documents') }}">{{ 'account.my_documents'|trans }}</a>
  87.                                         <!--a class="dropdown-item disabled" disabled href="{{ path('front_account_rents') }}">{{ 'account.my_rents'|trans }}</a-->
  88.                                         <!--a class="dropdown-item" href="{{ path('front_account_inventory') }}">{{ 'account.my_inventory'|trans }}</a-->
  89.                                     {% endif %}
  90.                                     <hr style="margin: 5px;">
  91.                                     <a class="dropdown-item" href="{{ path('front_user_logout') }}">{{ 'label.logout'|trans }}</a>
  92.                                 </div>
  93.                             </div>
  94.                         {% endif %}
  95.                     </li>
  96.                     <li class="d-none d-xl-inline-block">
  97.                         {% include 'front/_shared/language-switcher.html.twig' %}
  98.                     </li>
  99.                 </ul>
  101.             </div> <!-- nav-cta -->
  102.             <div class="col-5 menu-mobile-toggle d-flex d-xl-none align-items-center justify-content-end pr-0">
  103.                 {% if darkMode %}
  104.                     <img class="open-menu" src="{{ asset('build/images/icons/menu-toggle.svg') }}" alt="">
  105.                 {% else %}
  106.                     <img class="open-menu" src="{{ asset('build/images/icons/menu-toggle-dark.svg') }}" alt="">
  107.                 {% endif %}
  108.                 <img class="close-menu d-none" src="{{ asset('build/images/icons/menu-close.svg') }}" alt="">
  109.             </div> <!-- menu mobile toggle -->
  110.         </div> <!-- row -->
  111.     </header>
  112.     <div class="menu-mobile">
  113.         <ul>
  114.             <li class="{{ route starts with 'front_page_comfort' ? 'active' }}"><a href="{{ path('front_page_comfort') }}">{{ 'label.comfort'|trans }}</a></li>
  115.             <li class="{{ route starts with 'front_page_services' ? 'active' }}"><a href="{{ path('front_page_services') }}">{{ 'label.services'|trans }}</a></li>
  116.             <li class="{{ route starts with 'front_page_community' ? 'active' }}"><a href="{{ path('front_page_community') }}">{{ 'label.communities'|trans }}</a></li>
  117.             <li class="{{ route starts with 'front_page_benefits_citizens' ? 'active' }}"><a href="{{ path('front_page_benefits_citizens') }}">{{ 'label.citizen_life'|trans }}</a></li>
  118.             <li class="dropdown {{ (route starts with 'front_page_investors' or route starts with 'front_page_owners') ? 'active' }}">
  119.                 <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>
  120.                 <div class="collapse" id="collapseInvestors">
  121.                     <ul class="mobile-submenu">
  122.                         <li {{ route starts with 'front_page_investors' ? 'active' }}><a href="{{ path('front_page_investors') }}">Investir dans un bien coliving</a></li>
  123.                         <li {{ route starts with 'front_page_owners' ? 'active' }}><a href="{{ path('front_page_owners') }}">Transformer son bien en coliving</a></li>
  124.                     </ul>
  125.                 </div>
  126.             </li>
  127.             <!--li class="{{ (route starts with 'front_page_company_' or route starts with 'front_company_') ? 'active' }}">
  128.                 <a href="{{ path('front_page_company_about') }}">{{ 'label.the_company'|trans }} <i class="fa fa-chevron-down"></i></a>
  129.                 <ul class="mobile-submenu">
  130.                     <li {{ route starts with 'front_page_company_about' ? 'active' }}><a href="{{ path('front_page_company_about') }}">{{ 'label.about'|trans }}</a></li>
  131.                     <li {{ route starts with 'front_page_company_our_jobs' ? 'active' }}><a href="{{ path('front_page_company_our_jobs') }}">{{ 'label.our_jobs'|trans }}</a></li>
  132.                     <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>
  133.                     <li {{ route starts with 'front_company_jobs' ? 'active' }}><a href="{{ path('front_company_jobs_list') }}">{{ 'label.jobs'|trans }}</a></li>
  134.                     <li {{ route starts with 'front_page_faq' ? 'active' }}><a href="{{ path('front_page_faq') }}">{{ 'label.faq'|trans }}</a></li>
  135.                 </ul>
  136.             </li-->
  137.         </ul>
  138.         <div class="text-center mobile-cta">
  139.             {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
  140.                 <a href="{{ path('front_search_index') }}" class="cta">{{ 'label.find_home'|trans }}</a>
  141.                 <a href="{{ path('front_account_dashboard') }}" class="cta light open-dynamic-modal" data-route="{{ path('front_user_modal_login') }}">Espace compte</a>
  142.             {% else %}
  143.                 <a data-toggle="collapse" class="cta" aria-expanded="false" role="button" aria-controls="collapseAccount" href="#collapseAccount">
  144.                     {{ 'label.account'|trans }} <small><i class="fa fa-chevron-down"></i></small>
  145.                 </a>
  146.                 <div class="collapse" id="collapseAccount">
  147.                     {% if app.user.hasAccessToCms %}
  148.                         <a class="dropdown-item" href="{{ path('cms_login_role_redirect') }}">Administration</a>
  149.                     {% else %}
  150.                         <a class="dropdown-item" href="{{ path('front_account_dashboard') }}">Espace locataire</a>
  152.                         {% if app.user.isOccupyingRoom %}
  153.                             <a class="dropdown-item" href="{{ path('front_account_occupancy_index') }}">{{ 'account.my_room'|trans }}</a>
  154.                         {% endif %}
  156.                         {% set occupancy = app.user.currentOccupancy %}
  157.                         {% if occupancy is not null %}
  158.                             <!--a class="dropdown-item" href="{{ path('front_account_sparetime_activities_list') }}">{{ 'account.mySpareTimeActivities'|trans }}</a-->
  159.                             <!--a class="dropdown-item" href="{{ path('front_account_support_list') }}">{{ 'account.concierge'|trans }}</a-->
  160.                             <!--a class="dropdown-item" href="{{ path('front_account_bigbrother_list') }}">{{ 'account.bigbrother'|trans }}</a-->
  161.                             <!--a class="dropdown-item" href="{{ path('front_account_maintenance_list') }}">{{ 'account.maintenance'|trans }}</a-->
  162.                         {% endif %}
  164.                         <a class="dropdown-item" href="{{ path('front_account_informations') }}">{{ 'account.personal_informations'|trans }}</a>
  165.                         <a class="dropdown-item" href="{{ path('front_account_documents') }}">{{ 'account.my_documents'|trans }}</a>
  166.                         <!--a class="dropdown-item disabled" disabled href="{{ path('front_account_rents') }}">{{ 'account.my_rents'|trans }}</a-->
  167.                         <!--a class="dropdown-item" href="{{ path('front_account_inventory') }}">{{ 'account.my_inventory'|trans }}</a-->
  168.                     {% endif %}
  169.                     <hr style="margin: 5px;">
  170.                     <a class="dropdown-item" href="{{ path('front_user_logout') }}">{{ 'label.logout'|trans }}</a>
  171.                 </div>
  173.             {% endif %}
  174.         </div>
  175.     </div> <!-- menu mobile -->
  177.     {{ header_content|raw }}
  178. </div>