{{-- Menu Horizontal Navigation --}}
<div class="kt-container-fixed">
    <div class="flex items-center flex-wrap md:flex-nowrap lg:items-end justify-between border-b border-b-border gap-3 lg:gap-6 mb-5 lg:mb-10">

        {{-- Navigation Menu --}}
        <div class="grid">
            <div class="kt-scrollable-x-auto">
                <div class="kt-menu gap-3" data-kt-menu="true">

                    {{-- Overview Tab --}}
                    <div class="kt-menu-item border-b-2 border-b-transparent kt-menu-item-active:border-b-primary kt-menu-item-here:border-b-primary {{ request()->routeIs('admin.profile.index') ? 'here' : '' }}">
                        <a class="kt-menu-link gap-1.5 pb-2 lg:pb-4 px-2" href="{{ route('admin.profile.index') }}">
                            <span class="kt-menu-title text-nowrap font-medium text-sm text-secondary-foreground kt-menu-item-active:text-primary kt-menu-item-active:font-semibold kt-menu-item-here:text-primary kt-menu-item-here:font-semibold kt-menu-link-hover:text-primary">
                                {{ __('profil.menu.overview') }}
                            </span>
                        </a>
                    </div>

                    {{-- Settings Tab --}}
                    <div class="kt-menu-item border-b-2 border-b-transparent kt-menu-item-active:border-b-primary kt-menu-item-here:border-b-primary {{ request()->routeIs('admin.profile.settings') ? 'here' : '' }}">
                        <a class="kt-menu-link gap-1.5 pb-2 lg:pb-4 px-2" href="{{ route('admin.profile.settings') }}">
                            <span class="kt-menu-title text-nowrap font-medium text-sm text-secondary-foreground kt-menu-item-active:text-primary kt-menu-item-active:font-semibold kt-menu-item-here:text-primary kt-menu-item-here:font-semibold kt-menu-link-hover:text-primary">
                                {{ __('profil.menu.settings') }}
                            </span>
                        </a>
                    </div>

                    {{-- Activity Tab --}}
                    <div class="kt-menu-item border-b-2 border-b-transparent kt-menu-item-active:border-b-primary kt-menu-item-here:border-b-primary {{ request()->routeIs('admin.profile.activity') ? 'here' : '' }}">
                        <a class="kt-menu-link gap-1.5 pb-2 lg:pb-4 px-2" href="{{ route('admin.profile.activity') }}">
                            <span class="kt-menu-title text-nowrap font-medium text-sm text-secondary-foreground kt-menu-item-active:text-primary kt-menu-item-active:font-semibold kt-menu-item-here:text-primary kt-menu-item-here:font-semibold kt-menu-link-hover:text-primary">
                                {{ __('profil.menu.activity') }}
                            </span>
                        </a>
                    </div>

                </div>
            </div>
        </div>


        {{-- <div class="flex items-center justify-end grow lg:grow-0 lg:pb-4 gap-2.5 mb-3 lg:mb-0">
            <a href="{{ route('admin.profile.settings') }}" class="kt-btn kt-btn-primary">
                <i class="ki-filled ki-setting-2"></i>
                Edit Profile
            </a>
            <div data-kt-dropdown="true"
                 data-kt-dropdown-placement="bottom-end"
                 data-kt-dropdown-placement-rtl="bottom-start"
                 data-kt-dropdown-trigger="click">
                <button class="kt-btn kt-btn-icon kt-btn-outline" data-kt-dropdown-toggle="true">
                    <i class="ki-filled ki-dots-vertical"></i>
                </button>
                <div class="kt-dropdown-menu w-full max-w-[220px]" data-kt-dropdown-menu="true">
                    <ul class="kt-dropdown-menu-sub">
                        <li>
                            <a class="kt-dropdown-menu-link" href="{{ route('admin.profile.index') }}">
                                <i class="ki-filled ki-profile-circle"></i>
                                View Public Profile
                            </a>
                        </li>
                        <li>
                            <a class="kt-dropdown-menu-link" href="{{ route('admin.profile.settings') }}#auth_password">
                                <i class="ki-filled ki-key"></i>
                                Change Password
                            </a>
                        </li>
                        <li>
                            <a class="kt-dropdown-menu-link" href="{{ route('admin.profile.settings') }}#auth_two_factor">
                                <i class="ki-filled ki-shield-tick"></i>
                                Security Settings
                            </a>
                        </li>
                        <li>
                            <div class="border-t border-border my-2"></div>
                        </li>
                        <li>
                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <button type="submit" class="kt-dropdown-menu-link w-full text-left text-danger">
                                    <i class="ki-filled ki-exit-left"></i>
                                    Logout
                                </button>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
         --}}
    </div>
</div>