<!-- ======= Header ======= -->

  <header id="header" class="header fixed-top d-flex align-items-center">



    <div class="d-flex align-items-center justify-content-between">

      <a href="" class="logo d-flex align-items-center">

        <img src="{{ asset('admin/img/logo.png')}}" alt="">

        <span class="d-none d-lg-block">Online Florist</span>

      </a>

      <i class="bi bi-list toggle-sidebar-btn"></i>

    </div><!-- End Logo -->


    <nav class="header-nav ms-auto">

      <ul class="d-flex align-items-center">
        <li class="nav-item dropdown pe-3">

          <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">

            {{--<img src="{{ asset('admin/img/profile-img.jpg')}}" alt="Profile" class="rounded-circle">--}}

            <i class="bx bxs-user-circle" style="font-size: 30px;"></i>

            <span class="d-none d-md-block dropdown-toggle ps-2">{{Auth::guard('AgentLogin')->user()->name}}</span>

          </a>

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">

            <li class="dropdown-header">

              <h6>{{Auth::guard('AgentLogin')->user()->name}}</h6>

              <span>{{Auth::guard('AgentLogin')->user()->email}}</span>

            </li>

            <li>

              <hr class="dropdown-divider">

            </li>

            <li>

              <hr class="dropdown-divider">

            </li>

            <li>

              <a class="dropdown-item d-flex align-items-center" href="{{route('agent.logout')}}" onclick="event.preventDefault();document.getElementById('logout-form').submit();">

                <i class="bi bi-box-arrow-right"></i>

                <span>Sign Out</span>

                <form id="logout-form" action="{{route('agent.logout')}}" method="POST">

                    @csrf

                </form>

              </a>

            </li>



          </ul><!-- End Profile Dropdown Items -->

        </li>

      </ul>

    </nav>



  </header>