@php
    use Illuminate\Support\Facades\Route;

    $admin = auth('admin')->user();
    $name  = $admin?->name ?? ($admin?->username ?? 'Admin');

    $photo = null;
    if ($admin) {
        $img = $admin->profile_photo ?? ($admin->image ?? null);
        if (!empty($img)) {
            $photo = filter_var($img, FILTER_VALIDATE_URL) ? $img : asset($img);
        }
    }

    if (!$photo) {
        $photo = 'https://ui-avatars.com/api/?name=' . urlencode($name) . '&background=0ea5e9&color=fff';
    }

    $r = function (string $name, $params = [], string $fallback = '#') {
        return Route::has($name) ? route($name, $params) : $fallback;
    };

    $profileUrl = $r('admin.profile.edit');
    $logoutUrl  = $r('admin.logout');
@endphp

@push('page_css')
<style>
  .dropdown-menu--sm .dropdown-menu__item{
    opacity: 1 !important;
    filter: none !important;
    color: #111 !important;
    background: transparent !important;
  }

  .dropdown-menu--sm .dropdown-menu__item:hover{
    background: rgba(0,0,0,.04) !important;
  }

  .dropdown-menu--sm .dropdown-menu__item .dropdown-menu__caption,
  .dropdown-menu--sm .dropdown-menu__item .dropdown-menu__icon{
    opacity: 1 !important;
    color: #111 !important;
    filter: none !important;
    -webkit-text-fill-color: #111 !important;
  }

  .dropdown-menu--sm form button.dropdown-menu__item{
    width: 100%;
    text-align: left;
  }
</style>
@endpush

<nav class="navbar-wrapper bg--dark">
  <div class="navbar__left">
    <button type="button" class="res-sidebar-open-btn me-3">
      <i class="las la-bars"></i>
    </button>

    <form class="navbar-search">
      <input type="search" class="navbar-search-field" id="searchInput" autocomplete="off" placeholder="Search here...">
      <i class="las la-search"></i>
      <ul class="search-list"></ul>
    </form>
  </div>

  <div class="navbar__right">
    <ul class="navbar__action-list">

      <li>
        <a href="#" class="primary--layer">
          <i class="las la-bell text--primary"></i>
        </a>
      </li>

      <li class="dropdown">
        <button type="button" data-bs-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false">
          <span class="navbar-user">
            <span class="navbar-user__thumb">
              <img
                src="{{ $photo }}"
                alt="image"
                style="width:32px;height:32px;border-radius:50%;object-fit:cover;"
              >
            </span>
            <span class="navbar-user__info">
              <span class="navbar-user__name">{{ $name }}</span>
            </span>
            <span class="icon"><i class="las la-chevron-circle-down"></i></span>
          </span>
        </button>

        <div class="dropdown-menu dropdown-menu--sm p-0 border-0 box--shadow1 dropdown-menu-right">
          <a href="{{ $profileUrl }}" class="dropdown-menu__item d-flex align-items-center px-3 py-2">
            <i class="dropdown-menu__icon las la-user-circle"></i>
            <span class="dropdown-menu__caption">Profile</span>
          </a>

          <form action="{{ $logoutUrl }}" method="POST" class="m-0">
            @csrf
            <button type="submit" class="dropdown-menu__item d-flex align-items-center px-3 py-2 w-100 border-0 bg-transparent">
              <i class="dropdown-menu__icon las la-sign-out-alt"></i>
              <span class="dropdown-menu__caption">Logout</span>
            </button>
          </form>
        </div>
      </li>

    </ul>
  </div>
</nav>