
      <!-- Navbar -->
      <header class="header">
          <div class="header-block header-block-collapse d-lg-none d-xl-none">
              <button class="collapse-btn" id="sidebar-collapse-btn">
                  <i class="fa fa-bars"></i>
              </button>
          </div>
          <div class="header-block header-block-search">
              <form role="search">
                  <div class="input-container">
                      <i class="fa fa-search"></i>
                      <input type="search" placeholder="Search">
                      <div class="underline"></div>
                  </div>
              </form>
          </div>
          <div class="header-block header-block-buttons">
              <a href="https://appseed.us/admin-dashboards/flask-dashboard-modular-admin" class="btn btn-sm header-btn">
                  <i class="fa fa-github-alt"></i>
                  <span>Product Info</span>
              </a>
              <a href="https://github.com/app-generator/flask-dashboard-modular-admin" class="btn btn-sm header-btn">
                  <i class="fa fa-rocket"></i>
                  <span>Source Code</span>
              </a>
          </div>
          <div class="header-block header-block-nav">
            {% if current_user.is_authenticated %}
              <ul class="nav-profile">
                  <li class="notifications new">
                      <a href="" data-toggle="dropdown">
                          <i class="fa fa-bell-o"></i>
                          <sup>
                              <span class="counter">8</span>
                          </sup>
                      </a>
                      <div class="dropdown-menu notifications-dropdown-menu">
                          <ul class="notifications-container">
                              <li>
                                  <a href="" class="notification-item">
                                      <div class="img-col">
                                          <div class="img" style="background-image: url('assets/faces/3.jpg')"></div>
                                      </div>
                                      <div class="body-col">
                                          <p>
                                              <span class="accent">Zack Alien</span> pushed new commit: <span class="accent">Fix page load performance issue</span>. </p>
                                      </div>
                                  </a>
                              </li>
                              <li>
                                  <a href="" class="notification-item">
                                      <div class="img-col">
                                          <div class="img" style="background-image: url('assets/faces/5.jpg')"></div>
                                      </div>
                                      <div class="body-col">
                                          <p>
                                              <span class="accent">Amaya Hatsumi</span> started new task: <span class="accent">Dashboard UI design.</span>. </p>
                                      </div>
                                  </a>
                              </li>
                              <li>
                                  <a href="" class="notification-item">
                                      <div class="img-col">
                                          <div class="img" style="background-image: url('assets/faces/8.jpg')"></div>
                                      </div>
                                      <div class="body-col">
                                          <p>
                                              <span class="accent">Andy Nouman</span> deployed new version of <span class="accent">NodeJS REST Api V3</span>
                                          </p>
                                      </div>
                                  </a>
                              </li>
                          </ul>
                          <footer>
                              <ul>
                                  <li>
                                      <a href=""> View All </a>
                                  </li>
                              </ul>
                          </footer>
                      </div>
                  </li>
                  <li class="profile dropdown">
                      <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                          <div class="img" style="background-image: url('https://avatars3.githubusercontent.com/u/3959008?v=3&s=40')">
                          </div>
                          <span class="name"> {{ current_user.user }} </span>
                      </a>
                      <div class="dropdown-menu profile-dropdown-menu" aria-labelledby="dropdownMenu1">


                        <a class="dropdown-item" href="#">
                            <i class="fa fa-gear icon"></i> Settings </a>
                        <div class="dropdown-divider"></div>

                        <a class="dropdown-item" href={{ url_for('logout') }}>
                            <i class="fa fa-power-off icon"></i> Logout </a>

                      </div>
                  </li>
              </ul>
            {% endif %}
          </div>
      </header>
