<div id="nav" class="nav-container d-flex">
    <div class="nav-content d-flex">
        <div class="logo position-relative">
            <a href="{{ route('admin:home') }}">
                <img src="{{asset('/assets/web/image/durremlogo.png')}}" alt="Logo image" style="padding: 10px;">
            </a>
        </div>
       <div class="language-switch-container">


            <form id="langForm" action="{{ route('admin:change-language') }}" method="POST">
                @csrf
                <input type="hidden" name="locale" id="locale">
            </form>

            <button class="btn btn-empty language-button dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">EN</button>
            <div class="dropdown-menu">
                <a href="#" class="dropdown-item" onclick="setLanguage('az')">AZ</a>
                <a href="#" class="dropdown-item" onclick="setLanguage('ru')">RU</a>
                <a href="#" class="dropdown-item" onclick="setLanguage('en')">EN</a>
            </div>
        </div>


        <script>
            function setLanguage(locale) {
                document.getElementById('locale').value = locale;
                document.getElementById('langForm').submit();
            }
        </script>


        <div class="user-container d-flex">
            <a href="#" class="d-flex user position-relative" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img class="profile" alt="profile" src="{{ asset('/assets/admin/menu/img/profile/robot.png') }}">
                <div class="name">{{auth()->user()->fullName()}}</div>
            </a>
            <div class="dropdown-menu dropdown-menu-end user-menu wide">
                <div class="row mb-1 ms-0 me-0">
                    <div class="col-12 p-1 mb-3 pt-3">
                        <div class="separator-light"></div>
                    </div>
                    <div class="col-6 ps-1 pe-1">
                        <ul class="list-unstyled">
                            <li>
                                <a href="#">
                                    <i data-acorn-icon="help" class="me-2" data-acorn-size="17"></i>
                                    <span class="align-middle">@lang('Menus')</span>
                                </a>
                            </li>
                            {{--  <li>
                                <a href="{{route('admin:users.edit',auth()->id())}}">
                                    <i data-acorn-icon="file-text" class="me-2" data-acorn-size="17"></i>
                                    <span class="align-middle">@lang('Edit Profile')</span>
                                </a>
                            </li>  --}}
                        </ul>
                    </div>
                    <div class="col-6 pe-1 ps-1">
                        <ul class="list-unstyled">
                            {{--  <li>
                                <a href="{{route('admin:settings.edit',CustomHelper::settings()->getAttribute('id'))}}">
                                    <i data-acorn-icon="gear" class="me-2" data-acorn-size="17"></i>
                                    <span class="align-middle">Settings</span>
                                </a>
                            </li>  --}}
                            <li>
                                <form id="dropdown-logout" action="{{route('logout')}}" method="post">@csrf</form>
                                <a class="dropdown-item" onclick="document.getElementById('dropdown-logout').submit()" href="javascript:void(0)">
                                    <i data-acorn-icon="logout" class="me-2" data-acorn-size="17"></i>
                                    <span class="align-middle">@lang('Sign Out')</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <ul class="list-unstyled list-inline text-center menu-icons">
            {{--  <li class="list-inline-item">
                <a href="#" id="pinButton" class="pin-button">
                    <i data-acorn-icon="lock-on" class="unpin" data-acorn-size="18"></i>
                    <i data-acorn-icon="lock-off" class="pin" data-acorn-size="18"></i>
                </a>
            </li>  --}}
            <li class="list-inline-item">
                <a href="#" id="colorButton">
                    <i data-acorn-icon="light-on" class="light" data-acorn-size="18"></i>
                    <i data-acorn-icon="light-off" class="dark" data-acorn-size="18"></i>
                </a>
            </li>
            {{--  <li class="list-inline-item">
                <a href="#" data-bs-toggle="dropdown" data-bs-target="#notifications" aria-haspopup="true" aria-expanded="false" class="notification-button">
                    <div class="position-relative d-inline-flex">
                        <i data-acorn-icon="bell" data-acorn-size="18"></i>
                        <span class="position-absolute notification-dot rounded-xl"></span>
                    </div>
                </a>
                <div class="dropdown-menu dropdown-menu-end wide notification-dropdown scroll-out" id="notifications">
                    <div class="scroll">
                        <ul class="list-unstyled border-last-none">
                            <li class="mb-3 pb-3 border-bottom border-separator-light d-flex">
                                <img src="img/profile/profile-1.webp" class="me-3 sw-4 sh-4 rounded-xl align-self-center" alt="...">
                                <div class="align-self-center">
                                    <a href="#">Joisse Kaycee just sent a new comment!</a>
                                </div>
                            </li>
                            <li class="mb-3 pb-3 border-bottom border-separator-light d-flex">
                                <img src="img/profile/profile-2.webp" class="me-3 sw-4 sh-4 rounded-xl align-self-center" alt="...">
                                <div class="align-self-center">
                                    <a href="#">New order received! It is total $147,20.</a>
                                </div>
                            </li>
                            <li class="mb-3 pb-3 border-bottom border-separator-light d-flex">
                                <img src="img/profile/profile-3.webp" class="me-3 sw-4 sh-4 rounded-xl align-self-center" alt="...">
                                <div class="align-self-center">
                                    <a href="#">3 items just added to wish list by a user!</a>
                                </div>
                            </li>
                            <li class="pb-3 pb-3 border-bottom border-separator-light d-flex">
                                <img src="img/profile/profile-6.webp" class="me-3 sw-4 sh-4 rounded-xl align-self-center" alt="...">
                                <div class="align-self-center">
                                    <a href="#">Kirby Peters just sent a new message!</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>  --}}
        </ul>
        <div class="menu-container flex-grow-1">
            <ul id="menu" class="menu">
                <li>
                    <a href="#dashboards" data-href="#">
                        <i data-acorn-icon="home" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Dashboards')</span>
                    </a>
                    <ul id="dashboards">
                        <li>
                            <a href="{{ route('admin:home') }}">
                                <span class="label">@lang('Admin Panel')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('home') }}">
                                <span class="label">@lang('Web')</span>
                            </a>
                        </li>
                    </ul>
                </li>
                {{--  <li>
                    <a href="#category" data-href="#">
                        <i data-acorn-icon="category" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Room Categories')</span>
                    </a>
                    <ul id="category">
                        <li>
                            <a href="{{ route('admin:roomCategories.index') }}">
                                <span class="label">@lang('All Room Categories')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:roomCategories.create') }}">
                                <span class="label">@lang('Create Room Category')</span>
                            </a>
                        </li>
                    </ul>
                </li>  --}}
                <li>
                    <a href="#category" data-href="#">
                        <i data-acorn-icon="category" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Menu Categories')</span>
                    </a>
                    <ul id="category">
                        <li>
                            <a href="{{ route('admin:menuCategories.index') }}">
                                <span class="label">@lang('All Categories')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:menuCategories.create') }}">
                                <span class="label">@lang('Create Category')</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#bul" data-href="#">
                        <i data-acorn-icon="menu" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Menus')</span>
                    </a>
                    <ul id="bul">
                        <li>
                            <a href="{{ route('admin:menyus.index') }}">
                                <span class="label">@lang('All Menus')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:menyus.create') }}">
                                <span class="label">@lang('Create Menu')</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#gallery" data-href="#">
                        <i data-acorn-icon="file-image" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('All Galleries')</span>
                    </a>
                    <ul id="gallery">
                        <li>
                            <a href="{{ route('admin:galleries.index') }}">
                                <span class="label">@lang('All Galleries')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:galleries.create') }}">
                                <span class="label">@lang('Create Gallery')</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#category" data-href="#">
                        <i data-acorn-icon="note" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('All Vacancies')</span>
                    </a>
                    <ul id="category">
                        <li>
                            <a href="{{ route('admin:rooms.index') }}">
                                <span class="label">@lang('All Vacancies')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:rooms.create') }}">
                                <span class="label">@lang('Create Vacancy')</span>
                            </a>
                        </li>
                    </ul>
                </li>
                {{--  <li>
                    <a href="#bul" data-href="#">
                        <i data-acorn-icon="menu" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Rooms')</span>
                    </a>
                    <ul id="bul">
                        <li>
                            <a href="{{ route('admin:rooms.index') }}">
                                <span class="label">@lang('All Rooms')</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin:rooms.create') }}">
                                <span class="label">@lang('Create Room')</span>
                            </a>
                        </li>
                    </ul>
                </li>  --}}
                <li>
                    <a href="#settings" data-href="#">
                        <i data-acorn-icon="gear" class="icon" data-acorn-size="18"></i>
                        <span class="label">@lang('Settings')</span>
                    </a>
                    <ul id="settings">
                        <li>
                            <a href="{{route('admin:settings.edit',1)}}">
                                <span class="label">@lang('Settings')</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="mobile-buttons-container">
            <a href="#" id="scrollSpyButton" class="spy-button" data-bs-toggle="dropdown">
                <i data-acorn-icon="menu-dropdown"></i>
            </a>
            <div class="dropdown-menu dropdown-menu-end" id="scrollSpyDropdown"></div>
            <a href="#" id="mobileMenuButton" class="menu-button">
                <i data-acorn-icon="menu"></i>
            </a>
        </div>
    </div>
    <div class="nav-shadow"></div>
</div>
