<!-- Topbar Start -->
<div class="navbar-custom">
  <div class="container-fluid">
    <ul class="list-unstyled topnav-menu float-right mb-0">

      <li class="dropdown notification-list">
        <!-- Mobile menu toggle-->
        <a class="navbar-toggle nav-link">
          <div class="lines">
            <span></span>
            <span></span>
            <span></span>
          </div>
        </a>
        <!-- End mobile menu toggle-->
      </li>

      <li class="dropdown notification-list">
        <a class="nav-link dropdown-toggle" data-toggle="adropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
          <i class="fe-bell noti-icon"></i>
          <!--<span class="badge badge-danger rounded-circle noti-icon-badge">2</span>-->
        </a>
        <div class="dropdown-menu dropdown-menu-right dropdown-lg">

          <!-- item-->
          <div class="dropdown-item noti-title">
            <h5 class="m-0">
              <span class="float-right">
                <a href="" class="text-dark">
                  <small>Clear All</small>
                </a>
              </span>Notification
            </h5>
          </div>

          <div class="aslimscroll noti-scroll">

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item">
              <div class="notify-icon">
                <img src="<?=self::getResourcePath()?>assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
              <p class="notify-details">Cristina Pride</p>
              <p class="text-muted mb-0 user-msg">
                <small>Hi, How are you? What about our next meeting</small>
              </p>
            </a>

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item active">
              <div class="notify-icon bg-warning"><i class="mdi mdi-comment-account-outline"></i> </div>
              <p class="notify-details">Caleb Flakelar commented on Admin<small class="text-muted">1 min ago</small></p>
            </a>

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item">
              <div class="notify-icon bg-info"><i class="mdi mdi-account-plus"></i></div>
              <p class="notify-details">New user registered.<small class="text-muted">5 hours ago</small></p>
            </a>

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item">
              <div class="notify-icon">
                <img src="<?=self::getResourcePath()?>assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
              <p class="notify-details">Karen Robinson</p>
              <p class="text-muted mb-0 user-msg">
                <small>Wow ! this admin looks good and awesome design</small>
              </p>
            </a>

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item">
              <div class="notify-icon bg-danger"><i class="mdi mdi-comment-account-outline"></i></div>
              <p class="notify-details">Caleb Flakelar commented on Admin<small class="text-muted">4 days ago</small></p>
            </a>

            <!-- item-->
            <a href="javascript:void(0);" class="dropdown-item notify-item">
              <div class="notify-icon bg-primary">
                <i class="mdi mdi-heart"></i>
              </div>
              <p class="notify-details">Carlos Crouch liked
                <b>Admin</b>
                <small class="text-muted">13 days ago</small>
              </p>
            </a>
          </div>

          <!-- All-->
          <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
            View all
            <i class="fi-arrow-right"></i>
          </a>

        </div>
      </li>

      <li>
        <a class="nav-link nav-user mr-0" href="#">
          <!-- <img src="<?=self::getResourcePath()?>assets/images/users/avatar-4.jpg" alt="user-image" class="rounded-circle"> -->
          <i style="font-size: 24px; border-radius: 50%;" class="fas fa-user-secret text-white img-circle bg-info"></i>
          <span class="pro-user-name ml-1">
            <?=$me->username?>
          </span>
        </a>
      </li>

      <li>
        <a href="<?=self::getUrl("Dashboard","logout")?>" class="nav-link nav-user">
          <i class="fas fa-sign-out-alt"></i>
          <span class="pro-user-name ml-1">Abmelden</span>
        </a>
      </li>

    </ul>

    <ul class="list-unstyled topnav-menu-left m-0">

      <li class="logo-box float-left">
        <a href="<?=self::getUrl("Dashboard")?>" class="logo">
          <span class="logo-lg">
            <img src="<?=self::getResourcePath()?>assets/images/the-tool-logo-kopf.png" alt="" style="height:80px; padding-top:12px; padding-left:32px;">
          </span>
          <span class="logo-sm">
            <img src="<?=self::getResourcePath()?>assets/images/the-tool-logo-kopf.png" alt="" height="28">
          </span>
        </a>
      </li>
    </ul>


  </div> <!-- end container-fluid-->
</div>
<!-- end Topbar -->