{% if app.user and app.user.isPro and view is not defined %}
<div class="responsive-navbar hide-desktop">
<div class="items-row">
<div class="pro-item-col responsive-menu-item">
<a href="{{ path('pro_dashboard') }}" class="responsive-link {% if menu is defined and menu == 'dashboard' %}active{% endif %}">
<img loading="lazy" src="/images/icons/dashboard.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/dashboard-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "dashboard.dashboard" | trans }}</span>
</a>
</div>
<div class="pro-item-col responsive-menu-item">
<a href="{{ path('manage_courses') }}" class="responsive-link {% if menu is defined and menu == 'manage-courses' %}active{% endif %}">
<img loading="lazy" src="/images/icons/courses.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/courses-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.courses" | trans }}</span>
</a>
</div>
<div class="pro-item-col responsive-menu-item">
<a href="{{ path('pro_manage_booking') }}" class="responsive-link {% if menu is defined and menu == 'bookings' %}active{% endif %}">
<img loading="lazy" src="/images/icons/bookings.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/bookings-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.bookings" | trans }}</span>
</a>
</div>
<div class="pro-item-col responsive-menu-item">
<a href="{{ path('calendar_weekly', {'type': 'pro'}) }}" class="responsive-link {% if menu is defined and menu == 'calendar' %}active{% endif %}">
<img loading="lazy" src="/images/icons/calendar.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/calendar-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.calendar_reponsive" | trans }}</span>
</a>
</div>
<div class="pro-item-col responsive-menu-item">
<a href="{{ path('pro_page') }}" class="responsive-link {% if menu is defined and menu == 'pro-page' %}active{% endif %}">
<img loading="lazy" src="/images/icons/pro-page.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/pro-page-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.page_pro_responsive" | trans }}</span>
</a>
</div>
</div>
</div>
{% elseif app.user and not app.user.isPro %}
<div class="responsive-navbar hide-desktop">
<div class="items-row">
<div class="trainee-item-col responsive-menu-item">
<a href="{{ path('trainee_courses_favorites') }}" class="responsive-link {% if menu is defined and menu == 'favoris' %}active{% endif %}">
<img loading="lazy" src="/images/icons/favoris.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/favoris-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.favorite_responsive" | trans }}</span>
</a>
</div>
<div class="trainee-item-col responsive-menu-item">
<a href="{{ path('trainee_alerts') }}" class="responsive-link {% if menu is defined and menu == 'alerts' %}active{% endif %}">
<img loading="lazy" src="/images/icons/alert.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/alert-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.alerts_responsive" | trans }}</span>
</a>
</div>
<div class="trainee-item-col responsive-menu-item">
<a href="{{ path('calendar_weekly', {'type': 'trainee'}) }}" class="responsive-link {% if menu is defined and menu == 'calendar' %}active{% endif %}">
<img loading="lazy" src="/images/icons/calendar.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/calendar-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.calendar_reponsive" | trans }}</span>
</a>
</div>
<div class="trainee-item-col responsive-menu-item">
<a href="{{ path('list_bookings') }}" class="responsive-link {% if menu is defined and menu == 'bookings' %}active{% endif %}">
<img loading="lazy" src="/images/icons/bookings.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/bookings-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.bookings" | trans }}</span>
</a>
</div>
<div class="trainee-item-col responsive-menu-item">
<a href="{{ path('trainee_profile') }}" class="responsive-link {% if menu is defined and menu == 'profile' %}active{% endif %}">
<img loading="lazy" src="/images/icons/parameter.svg" class="main-image" alt="">
<img loading="lazy" src="/images/icons/parameter-blue.svg" class="hover-image" alt="">
<span class="responsive-menu-title">{{ "header.profile_responsive" | trans }}</span>
</a>
</div>
</div>
</div>
{% endif %}