<body class="animsition page-user">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-mega" role="navigation">
<div class="navbar-header">
<div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu" id="header">
<img class="navbar-brand-logo" src="{{ asset('assets/images/logo-white.svg') }}" title="logo-SIRENE">
<span class="navbar-brand-text hidden-xs-down"> SIRENE</span>
</div>
<div class="navbar-collapse navbar-collapse-toolba navbar-mobile" id="site-navbar-collapse">
<!-- Navbar Toolbar Right -->
<ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#" aria-expanded="false"
data-animation="scale-up" role="button">
<i class="icon hamburger hamburger-arrow-left">
<span class="sr-only">Toggle menubar</span>
<span class="hamburger-bar"></span>
</i>
</a>
<div class="dropdown-menu" role="menu">
{# <a class="dropdown-item" href="javascript:void(0)" role="menuitem"><i class="icon wb-user" aria-hidden="true"></i> Mon compte</a>#}
{# <div class="dropdown-divider" role="presentation"></div>#}
<a class="dropdown-item" href="{{ path('app_logout') }}" role="menuitem"><i class="icon wb-power" aria-hidden="true"></i> Déconnexion</a>
</div>
</li>
</ul>
<!-- End Navbar Toolbar Right -->
</div>
</div>
<div class="navbar-container container-fluid">
<!-- Navbar Collapse -->
<div class="collapse navbar-collapse navbar-collapse-toolbar" id="site-navbar-collapse">
<!-- Navbar Toolbar Right -->
<!-- Navbar Toolbar -->
<ul class="nav navbar-toolbar">
<li class="nav-item hidden-float" id="toggleMenubar">
<a class="nav-link" href="#" role="button">
<i class="icon">
</i>
</a>
</li>
</ul>
<ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
<li class="nav-item dropdown" ng-controller="NotificationController">
<a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" ng-click="openNotification()" title="Notifications"
aria-expanded="false" data-animation="scale-up" role="button">
<i class="icon wb-bell" aria-hidden="true"></i>
<span ng-if="nbUnread !==0" class="badge badge-pill badge-danger up">{% verbatim %} {{ nbUnread }} {%endverbatim%}</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-media" role="menu">
<div class="dropdown-menu-header">
<h5>NOTIFICATIONS</h5>
<span class="badge badge-round badge-danger" ng-if="nbUnread !==0">{% verbatim %} {{ nbUnread }} {%endverbatim%} Nouvelle(s)</span>
</div>
<div class="list-group" >
<div data-role="container">
<div data-role="content" infinite-scroll="loadNotifications()" infinite-scroll-distance="2"
infinite-scroll-disabled="busy">
<a class="list-group-item dropdown-item" href="javascript:void(0)" role="menuitem" ng-if="notifications.length == 0">
<div class="media">
<div class="pr-10">
<i class="icon wb-order bg-red-600 white icon-circle"
aria-hidden="true"></i>
</div>
<div class="media-body">
<h6 class="media-heading">Aucunes Notifications</h6>
</div>
</div>
</a>
<a class="list-group-item dropdown-item" href="{% verbatim %}{{ notification.link }}{% endverbatim %}" role="menuitem"
ng-repeat="notification in notifications" ng-mouseover="readNotification(notification)">
<div class="media" style="white-space: initial;">
<div class="pr-10">
<i ng-if="!notification.isReaded" class="icon wb-order bg-red-600 white icon-circle"
aria-hidden="true"></i>
<i ng-if="notification.isReaded" class="icon wb-order bg-green-600 white icon-circle"
aria-hidden="true"></i>
</div>
<div class="media-body">
<h6 class="media-heading">{% verbatim %}{{ notification.title }}{% endverbatim %}</h6>
<p class="media-meta">{% verbatim %}{{ notification.body }}{% endverbatim %}</p>
<time class="media-meta">{% verbatim %}{{ notification.date }}{% endverbatim %}</time>
</div>
</div>
</a>
</div>
</div>
</div>
{# <div class="dropdown-menu-footer">#}
{# <a class="dropdown-menu-footer-btn" href="{{ path('admin_notification_parameters') }}" role="button">#}
{# <i class="icon wb-settings" aria-hidden="true"></i>#}
{# </a>#}
{# <p></p>#}
{# </div>#}
</div>
</li>
</ul>
<!-- End Navbar Toolbar Right -->
</div>
<!-- End Navbar Collapse -->
</div>
</nav>