templates/front/_partials/_header.html.twig line 1

Open in your IDE?
  2. {% if app.user %}
  3.     {% set nbUnread = countunreadmessages(app.user) %}
  4. {% endif %}
  6. <header class="header {% if menu is defined and menu == 'homepage' %}homepage{% endif %}" data-locale="{{ app.request.locale }}">
  7.     <div class="container-fluid menu-container">
  8.         <div class="logo-wrap">
  9.             <div class="logo">
  10.                 <a href="{{ path('homepage') }}">
  11.                     <img loading="lazy" src="{{ asset('/images/logo-light.png') }}" class="logo-light hide" alt="Racket Trip">
  12.                     <img loading="lazy" src="{{ asset('/images/logo-dark.png') }}" class="logo-dark hide" alt="Racket Trip">
  13.                 </a>
  14.             </div>
  15.         </div>
  17.         <div class="mobile-only">
  18.             <div class="website-locale hide-desktop">
  19.                 {% include "front/_partials/_locale.html.twig" %}
  20.             </div>
  22.             <div class="mobile-nav">
  23.                 <div id="nav-icon">
  24.                     <span></span>
  25.                     <span></span>
  26.                     <span></span>
  27.                     <span></span>
  28.                 </div>
  29.             </div>
  30.         </div>
  31.         {% if app.user %}
  32.         <div class="hide-desktop">
  33.             <div class="menu-item-header">
  34.                 <a href="{{ path('message') }}">
  35.                     <img loading="lazy" src="/images/icons/messaging-hover.svg" class="icon-light hide" alt="Messagerie">
  36.                     <img loading="lazy" src="/images/icons/message.svg" class="icon-dark hide" alt="Messagerie">
  37.                 </a>
  38.             </div>
  39.         </div>
  40.         <span class="hide" {% if app.user %}id="logged-user-id" data-user={{ app.user.id }}{% endif %}></span>
  41.         {% endif %}
  42.         <div class="links-wrap">
  43.             <div class="menu-wrap">
  44.                 <nav class="main-nav">
  45.                     <ul class="main-nav-list">
  47.                         <div class="website-locale hide-mobile">
  48.                             {% include "front/_partials/_locale.html.twig" %}
  49.                         </div>
  51.                         <li class="menu-item {% if menu is defined and menu == 'homepage' %}active{% endif %}">
  52.                             <a class="menu-item-link" href="{{ path('homepage') }}">{{ 'header.home'| trans }}</a>
  53.                         </li>
  54.                         <li class="menu-item {% if menu is defined and menu == 'courses' %}active{% endif %}">
  55.                             <a class="menu-item-link" href="{{ path('courses') }}">{{ 'header.courses'| trans }}</a>
  56.                         </li>
  57.                         <li class="menu-item {% if menu is defined and menu == 'directory' %}active{% endif %}">
  58.                             <a class="menu-item-link" href="{{ path('directory') }}">{{ 'header.directory'| trans }}</a>
  59.                         </li>
  60.                         <li class="menu-item {% if menu is defined and menu == 'blog' %}active{% endif %}">
  61.                             <a class="menu-item-link" href="{{ path('blog') }}">{{ 'header.blog'| trans }}</a>
  62.                         </li>
  63.                         {% if app.user %}
  64.                             <li class="menu-item message-header-link {% if menu is defined and menu == 'messages' %}active{% endif %}">
  65.                                 <a class="menu-item-link" href="{{ path('message') }}" id="message-link">
  66.                                     {{ 'header.messages'| trans }}
  67.                                     {% if nbUnread > 0 %}
  68.                                     {#<span class="unread">{{ nbUnread }}</span>#}
  69.                                     <span class="unread"></span>
  70.                                     {% endif %}
  71.                                 </a>
  72.                             </li>
  73.                         {% endif %}
  74.                         {% if not app.user %}
  75.                             <li class="menu-item mb-3 hide-desktop">
  76.                                 <a href="{{ path('user_login', {'type': 'trainee'}) }}" class="btn btn-menu btn-menu-trainee">{{ 'header.trainee'| trans }}</a>
  77.                             </li>
  78.                             <li class="menu-item hide-desktop">
  79.                                 <a href="{{ path('user_login', {'type': 'pro'}) }}" class="btn btn-menu btn-login-pro">{{ 'header.pro'| trans }}</a>
  80.                             </li>
  81.                         {% else %}
  82.                             {% if app.user.isPro %}
  83.                                 <li class="menu-item menu-item-btn hide-desktop">
  84.                                     <a href="{{ path('user_login', {'type': 'pro'}) }}" class="btn btn-menu btn-menu-pro rounded">
  85.                                         <i class="fal fa-user"></i>
  86.                                     </a>
  87.                                     <ul class="menu-item-submenu">
  88.                                         <li>
  89.                                             <a href="{{ path('pro_subscription') }}">{{ 'header.subscription'| trans }}</a>
  90.                                         </li>
  91.                                         <li>
  92.                                             <a href="{{ path('pro_parameters') }}">{{ 'header.parameters'| trans }}</a>
  93.                                         </li>
  94.                                         <li>
  95.                                             <a href="{{ path('pro_internal_partners') }}">{{ 'pro_partner_page.my_partners'| trans }}</a>
  96.                                         </li>
  97.                                         <li>
  98.                                             <a href="{{ path('user_logout') }}">{{ 'header.logout'| trans }}</a>
  99.                                         </li>
  100.                                     </ul>
  101.                                 </li>
  102.                             {% else %}
  103.                                 <li class="menu-item menu-item-btn hide-desktop">
  104.                                     <a href="{{ path('trainee_profile') }}" class="btn btn-menu btn-menu-trainee rounded">
  105.                                         <i class="fal fa-user"></i>
  106.                                     </a>
  107.                                     <ul class="menu-item-submenu">
  108.                                         <li>
  109.                                             <a href="{{ path('user_logout') }}">{{ 'header.logout'| trans }}</a>
  110.                                         </li>
  111.                                     </ul>
  112.                                 </li>
  113.                             {% endif %}
  114.                         {% endif %}
  116.                     </ul>
  117.                 </nav>
  118.             </div>
  119.         </div>
  120.         <div class="account-wrap hide-mobile">
  121.             {% if app.user %}
  123.                 {% if app.user is instanceof('App\\Entity\\Trainee') %}
  124.                     <div class="menu-burger btn-menu-account">
  125.                         <div class="burger" id="burger">
  126.                             <div></div>
  127.                             <div></div>
  128.                             <div></div>
  129.                         </div>
  130.                         <i class="close"></i>
  131.                         <div class="profile-header">
  132.                             {% if app.user.photo %}
  133.                                 <img loading="lazy" class="profile-pic" src="{{ asset('/images/profiles/' ~ app.user.photo) }}">
  134.                             {% else %}
  135.                                 <i class="fal fa-user"></i>
  136.                             {% endif %}
  137.                             
  138.                         </div>
  139.                     </div>
  140.                     
  141.                     <div class="trainee-menu-sidebar">
  142.                         <div class="menu-content">
  143.                             <div class="trainee-menu-item">
  144.                                 <a href="{{ path('trainee_courses_favorites') }}" class="trainee-menu-link">
  145.                                     <img loading="lazy" src="/images/icons/favoris.svg" class="main-image" alt="">
  146.                                     <img loading="lazy" src="/images/icons/favoris-hover.svg" class="hover-image" alt="">
  147.                                     <span class="trainee-menu-title">{{ 'header.favorite'| trans }}</span>
  148.                                 </a>
  149.                             </div>
  150.                             <div class="trainee-menu-item">
  151.                                 <a href="{{ path('trainee_alerts') }}" class="trainee-menu-link">
  152.                                     <img loading="lazy" src="/images/icons/alert.svg" class="main-image" alt="">
  153.                                     <img loading="lazy" src="/images/icons/alert-hover.svg" class="hover-image" alt="">
  154.                                     <span class="trainee-menu-title">{{ 'header.alerts'| trans }}</span>
  155.                                 </a>
  156.                             </div>
  157.                             <div class="trainee-menu-item">
  158.                                 <a href="{{ path('calendar_weekly', {'type': 'trainee'}) }}" class="trainee-menu-link">
  159.                                     <img loading="lazy" src="/images/icons/calendar.svg" class="main-image" alt="">
  160.                                     <img loading="lazy" src="/images/icons/calendar-hover.svg" class="hover-image" alt="">
  161.                                     <span class="trainee-menu-title">{{ 'header.calendar'| trans }}</span>
  162.                                 </a>
  163.                             </div>
  164.                             <div class="trainee-menu-item">
  165.                                 <a href="{{ path('message') }}" class="trainee-menu-link">
  166.                                     <img loading="lazy" src="/images/icons/messaging.svg" class="main-image" alt="">
  167.                                     <img loading="lazy" src="/images/icons/messaging-hover.svg" class="hover-image" alt="">
  168.                                     <span class="trainee-menu-title">{{ 'header.messages'| trans }}</span>
  169.                                 </a>
  170.                             </div>
  171.                             <div class="trainee-menu-item">
  172.                                 <a href="{{ path('list_bookings') }}" class="trainee-menu-link">
  173.                                     <img loading="lazy" src="/images/icons/bookings.svg" class="main-image" alt="">
  174.                                     <img loading="lazy" src="/images/icons/bookings-hover.svg" class="hover-image" alt="">
  175.                                     <span class="trainee-menu-title">{{ 'header.booking'| trans }}</span>
  176.                                 </a>
  177.                             </div>
  178.                             <div class="trainee-menu-item">
  179.                                 <a href="{{ path('trainee_profile') }}" class="trainee-menu-link">
  180.                                     <img loading="lazy" src="/images/icons/parameter.svg" class="main-image" alt="">
  181.                                     <img loading="lazy" src="/images/icons/parameter-hover.svg" class="hover-image" alt="">
  182.                                     <span class="trainee-menu-title">{{ 'header.profile'| trans }}</span>
  183.                                 </a>
  184.                             </div>
  185.                             <div class="trainee-menu-item">
  186.                                 <a href="{{ path('trainee_note_given') }}" class="trainee-menu-link">
  187.                                     <img loading="lazy" src="/images/icons/reviews.svg" class="main-image" alt="">
  188.                                     <img loading="lazy" src="/images/icons/reviews-hover.svg" class="hover-image" alt="">
  189.                                     <span class="trainee-menu-title">Mes avis</span>
  190.                                 </a>
  191.                             </div>
  192.                             <div class="trainee-menu-item">
  193.                                 <a href="{{ path('user_logout') }}" class="trainee-menu-link">
  194.                                     <img loading="lazy" src="/images/icons/logout.svg" class="main-image" alt="">
  195.                                     <img loading="lazy" src="/images/icons/logout-hover.svg" class="hover-image" alt="">
  196.                                     <span class="trainee-menu-title">{{ 'header.logout'| trans }}</span>
  197.                                 </a>
  198.                             </div>
  199.                         </div>
  200.                     </div>
  202.                 {% elseif app.user is instanceof('App\\Entity\\Coach') or app.user is instanceof('App\\Entity\\Club') or app.user is instanceof('App\\Entity\\Operator') %}
  203.                     
  205.                         <a href="/fr/logout" class="btn btn-menu-pro btn-logout hide">
  206.                             <i class="far fa-power-off"></i>
  207.                         </a>
  209.                         <a href="{{ path('new_course') }}" class="btn btn-menu-pro create-course">
  210.                             <i class="far fa-plus-square"></i>
  211.                             {{ 'manage_courses.create_course'| trans }}
  212.                         </a>
  214.                     <button class="btn btn-menu-account open-pro-menu">
  215.                         <i class="fas fa-grid-2"></i>
  216.                     </button>
  217.                 {% elseif app.user is instanceof('App\\Entity\\Admin') %}
  218.                     <a href="{{ path('admin_course') }}" class="btn btn-menu btn-login-pro">Revenir aux stages</a>
  219.                 {% endif %}
  221.             {% else %}
  223.                 <a href="{{ path('user_login', {'type': 'trainee'}) }}" class="btn btn-menu btn-menu-trainee">{{ 'header.trainee'| trans }}</a>
  224.                 <a href="{{ path('user_login', {'type': 'pro'}) }}" class="btn btn-menu btn-login-pro">{{ 'header.pro'| trans }}</a>
  226.             {% endif %}
  227.         </div>
  228.     </div>
  229. </header>
  232. {% if app.user and app.user.isPro %}
  234.     <div class="pro-menu-sidebar hide-mobile">
  235.         <div class="menu-content">
  236.             <div class="pro-menu-item">
  237.                 <a href="{{ path('pro_dashboard') }}" class="pro-menu-link">
  238.                     <img loading="lazy" src="/images/icons/dashboard.svg" class="main-image" alt="">
  239.                     <img loading="lazy" src="/images/icons/dashboard-hover.svg" class="hover-image" alt="">
  240.                     <span class="pro-menu-title">{{ 'header.dashboard'| trans }}</span>
  241.                 </a>
  242.             </div>
  243.             <div class="pro-menu-item">
  244.                 <a href="{{ path('pro_page') }}" class="pro-menu-link">
  245.                     <img loading="lazy" src="/images/icons/pro-page.svg" class="main-image" alt="">
  246.                     <img loading="lazy" src="/images/icons/pro-page-hover.svg" class="hover-image" alt="">
  247.                     <span class="pro-menu-title">{{ 'header.page_pro'| trans }}</span>
  248.                 </a>
  249.             </div>
  250.             <div class="pro-menu-item">
  251.                 <a href="{{ path('manage_courses') }}" class="pro-menu-link">
  252.                     <img loading="lazy" src="/images/icons/courses.svg" class="main-image" alt="">
  253.                     <img loading="lazy" src="/images/icons/courses-hover.svg" class="hover-image" alt="">
  254.                     <span class="pro-menu-title">{{ 'header.course_management'| trans }}</span>
  255.                 </a>
  256.             </div>
  257.             <div class="pro-menu-item">
  258.                 <a href="{{ path('pro_manage_booking') }}" class="pro-menu-link">
  259.                     <img loading="lazy" src="/images/icons/bookings.svg" class="main-image" alt="">
  260.                     <img loading="lazy" src="/images/icons/bookings-hover.svg" class="hover-image" alt="">
  261.                     <span class="pro-menu-title">{{ 'header.trainee_management'| trans }}</span>
  262.                 </a>
  263.             </div>
  264.             <div class="pro-menu-item">
  265.                 <a href="{{ path('message') }}" class="pro-menu-link">
  266.                     <img loading="lazy" src="/images/icons/messaging.svg" class="main-image" alt="">
  267.                     <img loading="lazy" src="/images/icons/messaging-hover.svg" class="hover-image" alt="">
  268.                     <span class="pro-menu-title">{{ 'header.messages'| trans }}</span>
  269.                 </a>
  270.             </div>
  271.             <div class="pro-menu-item">
  272.                 <a href="{{ path('pro_note_received') }}" class="pro-menu-link">
  273.                     <img loading="lazy" src="/images/icons/reviews.svg" class="main-image" alt="">
  274.                     <img loading="lazy" src="/images/icons/reviews-hover.svg" class="hover-image" alt="">
  275.                     <span class="pro-menu-title">Gestion des avis</span>
  276.                 </a>
  277.             </div>
  278.             <div class="pro-menu-item">
  279.                 <a href="{{ path('calendar_weekly', {'type': 'pro'}) }}" class="pro-menu-link">
  280.                     <img loading="lazy" src="/images/icons/calendar.svg" class="main-image" alt="">
  281.                     <img loading="lazy" src="/images/icons/calendar-hover.svg" class="hover-image" alt="">
  282.                     <span class="pro-menu-title">{{ 'header.calendar'| trans }}</span>
  283.                 </a>
  284.             </div>
  285.             <div class="pro-menu-item">
  286.                 <a href="{{ path('pro_internal_partners') }}" class="pro-menu-link">
  287.                     <img loading="lazy" src="/images/icons/partners.svg" class="main-image" alt="">
  288.                     <img loading="lazy" src="/images/icons/partners-hover.svg" class="hover-image" alt="">
  289.                     <span class="pro-menu-title">{{ 'pro_partner_page.my_partners'| trans }}</span>
  290.                 </a>
  291.             </div>
  292.             <div class="pro-menu-item">
  293.                 <a href="{{ path('pro_subscription') }}" class="pro-menu-link">
  294.                     <img loading="lazy" src="/images/icons/subscription.svg" class="main-image" alt="">
  295.                     <img loading="lazy" src="/images/icons/subscription-hover.svg" class="hover-image" alt="">
  296.                     <span class="pro-menu-title">{{ 'header.subscription'| trans }}</span>
  297.                 </a>
  298.             </div>
  299.             <div class="pro-menu-item">
  300.                 <a href="{{ path('pro_parameters') }}" class="pro-menu-link">
  301.                     <img loading="lazy" src="/images/icons/parameter.svg" class="main-image" alt="">
  302.                     <img loading="lazy" src="/images/icons/parameter-hover.svg" class="hover-image" alt="">
  303.                     <span class="pro-menu-title">{{ 'header.parameters'| trans }}</span>
  304.                 </a>
  305.             </div>
  306.             {#
  307.             <div class="pro-menu-item">
  308.                 <a href="{{ path('user_logout') }}" class="pro-menu-link">
  309.                     <img loading="lazy" src="/images/icons/logout.svg" class="main-image" alt="">
  310.                     <img loading="lazy" src="/images/icons/logout-hover.svg" class="hover-image" alt="">
  311.                     <span class="pro-menu-title">{{ 'header.logout'| trans }}</span>
  312.                 </a>
  313.             </div>
  314.             #}
  315.         </div>
  316.     </div>
  318. {% endif %}