<!-- start: header -->
<header class="header">
<div class="logo-container">
<a href="../4.0.0" class="logo">
<img src="{{ asset('build/images/logo.png')}}" width="75" height="35" alt="Porto Admin" />
</a>
<div class="d-md-none toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
<i class="fas fa-bars" aria-label="Toggle sidebar"></i>
</div>
</div>
<!-- start: search & user box -->
<div class="header-right">
<span class="separator"></span>
{% if is_granted('ROLE_ADMIN')%}
<ul class="notifications">
<li>
<a href="#" class="dropdown-toggle notification-icon" data-bs-toggle="dropdown">
<i class="bx bx-list-ol"></i>
<span class="badge">3</span>
</a>
<div class="dropdown-menu notification-menu large">
<div class="notification-title">
<span class="float-end badge badge-default">3</span>
Prestation
</div>
<div class="content">
<ul>
<li>
<p class="clearfix mb-1">
<span class="message float-start">Prestation Payée</span>
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Payer'})/1)*100)|format_number(style='percent') }}</span>
{% else %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Payer'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent') }}</span>
{% endif %}
</p>
<div class="progress progress-xs light">
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Payer'})/1)*100 }}%;"></div>
{% else %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Payer'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
{% endif %}
</div>
</li>
<li>
<p class="clearfix mb-1">
<span class="message float-start">Prestation validée</span>
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Valider'})/1)*100)|format_number(style='percent') }}</span>
{% else %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'Valider'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent') }}</span>
{% endif %} </p>
<div class="progress progress-xs light">
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Valider'})/1)*100 }}%;"></div>
{% else %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'Valider'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
{% endif %} </div>
</li>
<li>
<p class="clearfix mb-1">
<span class="message float-start">Prestation en cour</span>
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'cour'})/1)*100)|format_number(style='percent') }}</span>
{% else %}
<span class="message float-end text-dark">{{ ((services.getSumPrestation({'etat':'cour'})/services.getSumPrestation({'etat':'Total'}))*100)|format_number(style='percent') }}</span>
{% endif %} </p>
<div class="progress progress-xs light mb-1">
{% if services.getSumPrestation({'etat':'Total'})==0 %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'cour'})/1)*100 }}%;"></div>
{% else %}
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width:{{ (services.getSumPrestation({'etat':'cour'})/services.getSumPrestation({'etat':'Total'}))*100 }}%;"></div>
{% endif %} </div>
</li>
</ul>
</div>
</div>
</li>
</ul>
{% endif%}
<span class="separator"></span>
<div id="userbox" class="userbox">
<a href="#" data-bs-toggle="dropdown">
<figure class="profile-picture">
<img src="{{ asset('build/images/logged-user.jpg')}}" alt="Joseph Doe" class="rounded-circle" data-lock-picture="{{ asset('build/images/logged-user.jpg')}}" />
</figure>
<div class="profile-info" data-lock-name="John Doe" data-lock-email="johndoe@okler.com">
<span class="name">{{ services.getUser().username }}</span>
{% if is_granted('ROLE_ADMIN')%}
<span class="role">Administrateur</span>
{% else %}
<span class="role">Adhérent</span>
{% endif %}
</div>
<i class="fa custom-caret"></i>
</a>
<div class="dropdown-menu">
<ul class="list-unstyled mb-2">
<li class="divider"></li>
<li>
<a role="menuitem" tabindex="-1" href="{{ path('app_user') }}"><i class="bx bx-user-circle"></i> My Profile</a>
</li>
<li>
<a role="menuitem" tabindex="-1" href="{{ path('app_logout') }}"><i class="bx bx-power-off"></i> Logout</a>
</li>
</ul>
</div>
</div>
</div>
<!-- end: search & user box -->
</header>
<!-- end: header -->