{{-- <div class="wrapper"> --}}
@php
    use App\Models\AdminMenu;
@endphp
    <header class="custom-navbar navbar navbar-light bg-white p-0 align-items-stretch">
        <a class="navbar-brand menu-width container-md bg-semi-dark text-center" href="https://aramianbrothers.com/admin">
            <span class="short"><b>VI</b></span><span class="long">VI SOFT</span>
        </a>
        <div class="d-flex flex-fill flex-wrap header-items">
            <a class="flex-shrink order-1 order-sm-0 valign-header px-4 link-secondary" type="button" id="menu-toggle" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation">
                <i class="icon-bars"></i>
            </a>
            <ul class="nav navbar-nav hidden-sm visible-lg-block">
                
            </ul>
            <div class="flex-fill search order-0 order-sm-1" style="display:none;">
                <input class="form-control" type="text" placeholder="Search" aria-label="Search">
            </div>

            <ul class="nav order-2 ms-auto d-flex align-items-center">
                <li class="nav-item">
                    <div class="dropdown user-menu d-flex align-items-center px-3" href="#" role="button" id="user-menu-link" data-bs-toggle="dropdown" aria-expanded="false">
                        <span class="bg-light inline rounded-circle user-image">
                            <img src="https://aramianbrothers.com/vendor/open-admin/open-admin/gfx/user.svg" alt="User Image">
                        </span>
                        <span class="hidden-xs">Administrator</span>
                    </div>
                    <ul class="dropdown-menu dropdown-menu-end user-menu" aria-labelledby="user-menu-link">
                        <!-- The user image in the menu -->
                        <li class="user-header text-center bg-semi-dark p-3">
                            <span class="bg-light inline rounded-circle user-image medium">
                                <img src="https://aramianbrothers.com/vendor/open-admin/open-admin/gfx/user.svg" alt="User Image">
                            </span>
                            <p>
                                </p><h2>Administrator</h2>
                                {{-- <small>Member since admin 2024-08-20 17:52:28</small> --}}
                            <p></p>
                        </li>
                        <li class="user-footer p-2 clearfix">
                            <div class="float-start">
                                <a href="https://aramianbrothers.com/admin/auth/setting" class="btn btn-secondary">Setting</a>
                            </div>
                            <div class="float-end">
                                <a href="https://aramianbrothers.com/admin/auth/logout" class="btn no-ajax btn-secondary">Logout</a>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <aside id="sidebar" class="menu-width sidebar bg-semi-dark">
        <!-- search form (Optional) -->
        <form class="sidebar-form" style="overflow: initial;" onsubmit="return false;">
            <div class="input-group">
                <input type="text" autocomplete="off" class="form-control autocomplete" placeholder="Search...">
                <span class="input-group-btn">
                    <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="icon-search"></i></button>
                </span>
                <ul class="dropdown-menu" role="menu" style="min-width: 210px; max-height: 300px; overflow: auto; display: none;">
                    @php
                        $adminMenu = AdminMenu::where('parent_id', 0)->orderBy('order', 'ASC')->get();
                    @endphp
                    @foreach ($adminMenu as $menu)
                        <li>
                            <a href="{{url('adminpanel/'.$menu->uri)}}"><i class="{{$menu->icon}}"></i>{{$menu->title}}</a>
                        </li>
                    @endforeach
                    
                                    {{-- <li>
                        <a href="https://aramianbrothers.com/admin/product"><i class="icon-box-open"></i>Product</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/categories"><i class="icon-file"></i>Categories</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/menu-types"><i class="icon-file"></i>Menu-types</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/slides"><i class="icon-file"></i>Slides</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/first-cards"><i class="icon-file"></i>First-cards</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/auth/users"><i class="icon-users"></i>Users</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/auth/roles"><i class="icon-user"></i>Roles</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/auth/permissions"><i class="icon-ban"></i>Permission</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/auth/menu"><i class="icon-bars"></i>Menu</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/auth/logs"><i class="icon-history"></i>Operation log</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/helpers/scaffold"><i class="icon-keyboard"></i>Scaffold</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/helpers/terminal/database"><i class="icon-database"></i>Database terminal</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/helpers/terminal/artisan"><i class="icon-terminal"></i>Laravel artisan</a>
                    </li>
                                    <li>
                        <a href="https://aramianbrothers.com/admin/helpers/routes"><i class="icon-list-alt"></i>Routes</a>
                    </li> --}}
                                    
                </ul>
            </div>
        </form>
        <!-- /.search form -->

        <nav>
            <div class="custom-menu">
                <ul class="list-unstyled ps-0 root show" id="menu">
                    @foreach ($adminMenu as $menu)
                        <li>
                            <a href="{{url('adminpanel/'.$menu->uri)}}">
                                <i class="{{$menu->icon}}"></i>
                                <span>{{$menu->title}}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </nav>
    </aside>
{{-- </div> --}}