{{--<!-- partial:partials/_navbar.html -->--}}
{{--<nav class="navbar p-0 fixed-top d-flex flex-row">--}}
{{--  <div class="navbar-brand-wrapper d-flex d-lg-none align-items-center justify-content-center">--}}
{{--    <a class="navbar-brand brand-logo-mini" href="index.html"><img src="admin/images/logo-mini.svg" alt="logo" /></a>--}}
{{--  </div>--}}
{{--  <div class="navbar-menu-wrapper flex-grow d-flex align-items-stretch">--}}
{{--    <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">--}}
{{--      <span class="mdi mdi-menu"></span>--}}
{{--    </button>--}}
{{--    <ul class="navbar-nav navbar-nav-right">--}}
{{--      <li class="nav-item dropdown border-left">--}}
{{--        <a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-bs-toggle="dropdown" aria-expanded="false">--}}
{{--          <i class="mdi mdi-email"></i>--}}
{{--          <span class="count bg-success"></span>--}}
{{--        </a>--}}
{{--        <div class="dropdown-menu dropdown-menu-end navbar-dropdown preview-list" aria-labelledby="messageDropdown">--}}
{{--          <h6 class="p-3 mb-0">Messages</h6>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <img src="{{ asset('admin/images/faces/face4.jpg') }}" alt="image" class="rounded-circle profile-pic">--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject ellipsis mb-1">Mark send you a message</p>--}}
{{--              <p class="text-muted mb-0"> 1 Minutes ago </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <img src="{{ asset('admin/images/faces/face2.jpg') }}" alt="image" class="rounded-circle profile-pic">--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject ellipsis mb-1">Cregh send you a message</p>--}}
{{--              <p class="text-muted mb-0"> 15 Minutes ago </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <img src="{{ asset('admin/images/faces/face3.jpg') }}" alt="image" class="rounded-circle profile-pic">--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject ellipsis mb-1">Profile picture updated</p>--}}
{{--              <p class="text-muted mb-0"> 18 Minutes ago </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <p class="p-3 mb-0 text-center">4 new messages</p>--}}
{{--        </div>--}}
{{--      </li>--}}
{{--      <li class="nav-item dropdown border-left">--}}
{{--        <a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-bs-toggle="dropdown">--}}
{{--          <i class="mdi mdi-bell"></i>--}}
{{--          <span class="count bg-danger"></span>--}}
{{--        </a>--}}
{{--        <div class="dropdown-menu dropdown-menu-end navbar-dropdown preview-list" aria-labelledby="notificationDropdown">--}}
{{--          <h6 class="p-3 mb-0">Notifications</h6>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <div class="preview-icon bg-dark rounded-circle">--}}
{{--                <i class="mdi mdi-calendar text-success"></i>--}}
{{--              </div>--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject mb-1">Event today</p>--}}
{{--              <p class="text-muted ellipsis mb-0"> Just a reminder that you have an event today </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <div class="preview-icon bg-dark rounded-circle">--}}
{{--                <i class="mdi mdi-cog text-danger"></i>--}}
{{--              </div>--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject mb-1">Settings</p>--}}
{{--              <p class="text-muted ellipsis mb-0"> Update dashboard </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <div class="preview-icon bg-dark rounded-circle">--}}
{{--                <i class="mdi mdi-link-variant text-warning"></i>--}}
{{--              </div>--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject mb-1">Launch Admin</p>--}}
{{--              <p class="text-muted ellipsis mb-0"> New admin wow! </p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <p class="p-3 mb-0 text-center">See all notifications</p>--}}
{{--        </div>--}}
{{--      </li>--}}
{{--      <li class="nav-item dropdown">--}}
{{--        <a class="nav-link" id="profileDropdown" href="#" data-bs-toggle="dropdown">--}}
{{--          <div class="navbar-profile">--}}
{{--            <img class="img-xs rounded-circle" src="{{ asset('admin/images/faces/face15.jpg') }}" alt="">--}}
{{--            <p class="mb-0 d-none d-sm-block navbar-profile-name">{{ Auth::guard('admin')->user()->username }}</p>--}}
{{--            <i class="mdi mdi-menu-down d-none d-sm-block"></i>--}}
{{--          </div>--}}
{{--        </a>--}}
{{--        <div class="dropdown-menu dropdown-menu-end navbar-dropdown preview-list" aria-labelledby="profileDropdown">--}}
{{--          <h6 class="p-3 mb-0">Profile</h6>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <div class="preview-icon bg-dark rounded-circle">--}}
{{--                <i class="mdi mdi-cog text-success"></i>--}}
{{--              </div>--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject mb-1">Settings</p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <a class="dropdown-item preview-item" href="{{ route('clay.auth.logout') }}">--}}
{{--            <div class="preview-thumbnail">--}}
{{--              <div class="preview-icon bg-dark rounded-circle">--}}
{{--                <i class="mdi mdi-logout text-danger"></i>--}}
{{--              </div>--}}
{{--            </div>--}}
{{--            <div class="preview-item-content">--}}
{{--              <p class="preview-subject mb-1">Log out</p>--}}
{{--            </div>--}}
{{--          </a>--}}
{{--          <div class="dropdown-divider"></div>--}}
{{--          <p class="p-3 mb-0 text-center">Advanced settings</p>--}}
{{--        </div>--}}
{{--      </li>--}}
{{--    </ul>--}}
{{--    <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">--}}
{{--      <span class="mdi mdi-format-line-spacing"></span>--}}
{{--    </button>--}}
{{--  </div>--}}
{{--</nav>--}}
{{--<!-- partial -->--}}
<!-- Navbar -->

<nav
    class="layout-navbar container-xxl navbar-detached navbar navbar-expand-xl align-items-center bg-navbar-theme"
    id="layout-navbar">
    <div class="layout-menu-toggle navbar-nav align-items-xl-center me-4 me-xl-0 d-xl-none">
        <a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)">
            <i class="icon-base bx bx-menu icon-md"></i>
        </a>
    </div>

    <div class="navbar-nav-right d-flex align-items-center justify-content-end" id="navbar-collapse">
        <div class="navbar-nav align-items-center">
            <div class="nav-item dropdown me-2 me-xl-0">
                <a
                    class="nav-link dropdown-toggle hide-arrow"
                    id="nav-theme"
                    href="javascript:void(0);"
                    data-bs-toggle="dropdown">
                    <i class="icon-base bx bx-sun icon-md theme-icon-active"></i>
                    <span class="d-none ms-2" id="nav-theme-text">Toggle theme</span>
                </a>
                <ul class="dropdown-menu dropdown-menu-start" aria-labelledby="nav-theme-text">
                    <li>
                        <button
                            type="button"
                            class="dropdown-item align-items-center active"
                            data-bs-theme-value="light"
                            aria-pressed="false">
                            <span><i class="icon-base bx bx-sun icon-md me-3" data-icon="sun"></i>Light</span>
                        </button>
                    </li>
                    <li>
                        <button
                            type="button"
                            class="dropdown-item align-items-center"
                            data-bs-theme-value="dark"
                            aria-pressed="true">
                            <span><i class="icon-base bx bx-moon icon-md me-3" data-icon="moon"></i>Dark</span>
                        </button>
                    </li>
                    <li>
                        <button
                            type="button"
                            class="dropdown-item align-items-center"
                            data-bs-theme-value="system"
                            aria-pressed="false">
                            <span><i class="icon-base bx bx-desktop icon-md me-3" data-icon="desktop"></i>System</span>
                        </button>
                    </li>
                </ul>
            </div>
        </div>

        <ul class="navbar-nav flex-row align-items-center ms-md-auto">
            <!-- User -->
            <li class="nav-item navbar-dropdown dropdown-user dropdown">
                <a
                    class="nav-link dropdown-toggle hide-arrow p-0"
                    href="javascript:void(0);"
                    data-bs-toggle="dropdown">
                    <div class="avatar avatar-online">
                        <img src="{{ asset('admin/assets/img/avatars/1.png') }}" alt class="rounded-circle" />
                    </div>
                </a>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                        <a class="dropdown-item" href="#">
                            <div class="d-flex">
                                <div class="flex-shrink-0 me-3">
                                    <div class="avatar avatar-online">
                                        <img src="{{ asset('admin/assets/img/avatars/1.png') }}" alt class="w-px-40 h-auto rounded-circle" />
                                    </div>
                                </div>
                                <div class="flex-grow-1">
                                    <h6 class="mb-0">{{ auth()->guard('admin')->user()->username }}</h6>
                                    <small class="text-body-secondary">{{ auth()->guard('admin')->user()->roles()->first()->name }}</small>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="dropdown-divider my-1"></div>
                    </li>
                    <li>
                        <a class="dropdown-item" href="{{ route('clay.auth.logout') }}">
                            <i class="icon-base bx bx-power-off icon-md me-3"></i><span>Çıkış Yap</span>
                        </a>
                    </li>
                </ul>
            </li>
            <!--/ User -->
        </ul>
    </div>
</nav>

<!-- / Navbar -->