<div class="main-header">
<div class="logo">
<img src="{{ asset('assets/dist-assets/images/logo-cu.PNG') }}" alt="">
</div>
<div class="menu-toggle">
<div></div>
<div></div>
<div></div>
</div>
<div class="d-flex align-items-center">
<div class="mega-menu d-none d-md-block">
<a href="#" class="btn mr-3" style="font-size: 20px; color: red; font-weight: bold;">
{{ app.user.establishment ? app.user.establishment.name : 'Aucun établissement selectionné' }}
/ {{ app.user.establishment ? app.user.establishment.type : 'NON DEFINI' }}
[{{ schoolYear ? schoolYear.code : 'Aucune base de donnée en cours' }}]
</a>
</div>
</div>
<div style="margin: auto"></div>
<div class="header-part-right">
<!-- Grid menu Dropdown -->
<div class="dropdown">
<i class="i-Data-Center text-muted header-icon" role="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="menu-icon-grid">
<a href="#" style="color: yellow !important;" class="bg-primary" title="{{ app.user.schoolYear ? app.user.schoolYear.code : '' }}">
{{ app.user.schoolYear ? app.user.schoolYear.code : '' }}
</a>
{% for schoolYear in schoolYears %}
{% if app.user.schoolYear != schoolYear %}
<a href="#" onclick="javascript:actionByPathAndElts('{{ path('default_change_syear', {'id': schoolYear.id })}}')">
{{ schoolYear.code }}
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="dropdown">
<i class="i-Sync text-muted header-icon" role="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="menu-icon-grid">
<a href="#" class="bg-primary" title="{{ app.user.establishment.name }}/{{ app.user.establishment.type }}">
{% if app.user.establishment.image %}
<img style="width: 100%;" src="{{ vich_uploader_asset(app.user.establishment) }}" alt="" />
{% else %}
{{ app.user.establishment.code }}
{% endif %}
</a>
{% if is_granted('ROLE_SUPER_ADMIN') %}
{% for establishment in establishments %}
{% if app.user.establishment.id != establishment.id %}
<a href="#" onclick="javascript:actionByPathAndElts('{{ path('establishment_ongoing', {'id': establishment.id })}}')" title="{{ establishment.name }} / {{ establishment.type }}">
{% if establishment.image %}
<img style="width: 100%;" src="{{ vich_uploader_asset(establishment) }}" alt="" />
{% else %}
{{ establishment.code }}
{% endif %}
</a>
{% endif %}
{% endfor %}
{% else %}
{% for establishment in app.user.establishments %}
{% if app.user.establishment.id != establishment.id %}
<a href="#" onclick="javascript:actionByPathAndElts('{{ path('establishment_ongoing', {'id': establishment.id })}}')" title="{{ establishment.name }} / {{ establishment.type }}">
{% if establishment.image %}
<img style="width: 100%;" src="{{ vich_uploader_asset(establishment) }}" alt="" />
{% else %}
{{ establishment.code }}
{% endif %}
</a>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<!-- Notificaiton -->
<div class="dropdown">
<div class="badge-top-container" role="button" id="dropdownNotification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{# <span class="badge badge-primary">3</span> #}
<i class="i-Cloud text-muted header-icon"></i>
</div>
<!-- Notification dropdown -->
<div class="dropdown-menu dropdown-menu-right notification-dropdown rtl-ps-none" aria-labelledby="dropdownNotification" data-perfect-scrollbar data-suppress-scroll-x="true">
<div class="dropdown-item d-flex">
<div class="notification-icon">
<i class="i-Triangle-Arrow-Right text-primary mr-1"></i>
</div>
<div class="notification-details flex-grow-1">
<p class="m-0 d-flex align-items-center">
<span><a href="{{ asset('apps/mobile/photo.apk') }}" download>App. Photos élèves</a></span>
</p>
</div>
</div>
<div class="dropdown-item d-flex">
<div class="notification-icon">
<i class="i-Triangle-Arrow-Right text-primary mr-1"></i>
</div>
<div class="notification-details flex-grow-1">
<p class="m-0 d-flex align-items-center">
<span><a href="{{ asset('apps/mobile/parent.apk') }}" download>App. Parents d'élèves</a></span>
</p>
</div>
</div>
<div class="dropdown-item d-flex">
<div class="notification-icon">
<i class="i-Triangle-Arrow-Right text-primary mr-1"></i>
</div>
<div class="notification-details flex-grow-1">
<p class="m-0 d-flex align-items-center">
<span><a href="{{ asset('apps/mobile/centralProf.apk') }}" download>App. Appel Numérique</a></span>
</p>
</div>
</div>
</div>
</div>
<!-- Notificaiton End -->
<!-- User avatar dropdown -->
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<div class="dropdown">
<div class="user col align-self-end">
<img src="{{ asset('assets/dist-assets/images/faces/user.png') }}" id="userDropdown" alt="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
<div class="dropdown-header">
<i class="i-Lock-User mr-1"></i> {{ app.user.username }}
</div>
<a class="dropdown-item" href="{{ path('app_user_profil') }}">Profile</a>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#currentChangePasswordModal">Changer MDP</a>
<a class="dropdown-item" href="{{ path('app_logout') }}">Se déconnecter</a>
</div>
</div>
</div>
{% endif %}
</div>
</div>