<li class="nav-item dropdown">
   <a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-bs-toggle="dropdown">
  	 <div class="position-relative">
  		 <i class="align-middle" data-feather="{{iconnotif}}"></i>
  		 <span class="indicator">{{number}}</span>
  	 </div>
   </a>
   <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown">
  	 <div class="dropdown-menu-header">
  		 {{{notificationheader}}}
  	 </div>
  		<div class="list-group">
  		  {{#notifs}}
  		  <a href="{{urldetail}}" class="list-group-item">
  		    <div class="row g-0 align-items-center">
  		      <div class="col-2">
  		        <i class="{{{classicon}}}" data-feather="{{{icon}}}"></i>
  		      </div>
  		      <div class="col-10">
  		        <div class="text-dark">{{{title}}}</div>
  		        <div class="text-muted small mt-1">{{{desc}}}</div>
  		        <div class="text-muted small mt-1">{{{elapse}}}</div>
  		      </div>
  		    </div>
  		  </a>
  		  {{/notifs}}
  		</div>
  	<div class="dropdown-menu-footer">
      <a href="#" class="text-muted">{{{notificationfooter}}}</a>
    </div>
  </div>
</li>
