@php
    use App\Models\Menu;
    use Illuminate\Support\Facades\Route;

    $admin = auth('admin')->user();

    if ($admin && $admin->id == 1) {
        $mainMenus = Menu::with(['children' => function ($q) {
                $q->where('is_active', 1)->orderBy('sort_order');
            }])
            ->whereNull('parent_id')
            ->where('is_active', 1)
            ->orderBy('sort_order')
            ->get();
    } else {
        $allowedMenuIds = $admin ? $admin->menus()->pluck('menus.id')->toArray() : [];

        $mainMenus = Menu::with(['children' => function ($q) use ($allowedMenuIds) {
                $q->where('is_active', 1)
                  ->whereIn('id', $allowedMenuIds)
                  ->orderBy('sort_order');
            }])
            ->whereNull('parent_id')
            ->where('is_active', 1)
            ->whereIn('id', $allowedMenuIds)
            ->orderBy('sort_order')
            ->get();
    }

    $menuHref = function ($menu) {
        if (!empty($menu->route_name) && Route::has($menu->route_name)) {
            return route($menu->route_name);
        }
        if (!empty($menu->url)) {
            return url($menu->url);
        }
        return 'javascript:void(0)';
    };

    $isMenuActive = function ($menu) {
        if (!empty($menu->route_name)) {
            return request()->routeIs($menu->route_name) || request()->routeIs($menu->route_name . '.*');
        }
        if (!empty($menu->url)) {
            $u = trim($menu->url, '/');
            return request()->is($u) || request()->is($u . '/*');
        }
        return false;
    };

    $menuIcon = function ($menu) {
        return !empty($menu->icon) ? $menu->icon : 'las la-dot-circle';
    };

    $logoPath = asset('images/header.png');
@endphp

<div class="sidebar bg--dark">
    <button class="res-sidebar-close-btn"><i class="las la-times"></i></button>

    <div class="sidebar__inner">
        <div class="sidebar__logo" style="background: #ffffff; padding: 15px; text-align: center;">
            <a href="{{ route('admin.dashboard') }}" class="sidebar__main-logo">
                <img src="{{ $logoPath }}" alt="logo" style="max-height: 50px; object-fit: contain;">
            </a>
        </div>

        <div class="sidebar__menu-wrapper" id="sidebar__menuWrapper">
            <ul class="sidebar__menu">

                @foreach ($mainMenus as $menu)
                    @php
                        $hasChildren = $menu->children->count() > 0;

                        $active = $isMenuActive($menu);
                        $childHasActive = false;

                        if (!$active && $hasChildren) {
                            foreach ($menu->children as $child) {
                                if ($isMenuActive($child)) { $childHasActive = true; break; }
                            }
                        }

                        $isOpen = $active || $childHasActive;

                        $liClass = 'sidebar-menu-item'
                                  . ($hasChildren ? ' sidebar-dropdown' : '')
                                  . ($isOpen ? ' active open' : '');

                        $iconClass = $menuIcon($menu);
                        $href = $menuHref($menu);

                        $aClass = 'nav-link' . ($isOpen ? ' active' : '');
                    @endphp

                    @if(!$hasChildren)
                        <li class="{{ $liClass }}">
                            <a href="{{ $href }}" class="nav-link{{ $active ? ' active' : '' }}">
                                <i class="menu-icon {{ $iconClass }}"></i>
                                <span class="menu-title">{{ __($menu->title) }}</span>
                            </a>
                        </li>
                    @else
                        <li class="{{ $liClass }}">
                            <a href="javascript:void(0)"
                               class="{{ $aClass }}"
                               aria-expanded="{{ $isOpen ? 'true' : 'false' }}">
                                <i class="menu-icon {{ $iconClass }}"></i>
                                <span class="menu-title">{{ __($menu->title) }}</span>
                            </a>

                            <div class="sidebar-submenu {{ $isOpen ? 'show' : '' }}"
                                 style="{{ $isOpen ? 'display:block;' : 'display:none;' }}">
                                <ul>
                                    @foreach($menu->children as $child)
                                        @php
                                            $childActive = $isMenuActive($child);
                                            $childHref = $menuHref($child);
                                            $childIcon = $menuIcon($child);

                                            $childLiClass = 'sidebar-menu-item' . ($childActive ? ' active' : '');
                                            $childAClass  = 'nav-link' . ($childActive ? ' active' : '');
                                        @endphp

                                        <li class="{{ $childLiClass }}">
                                            <a href="{{ $childHref }}" class="{{ $childAClass }}">
                                                <i class="menu-icon {{ $childIcon }}"></i>
                                                <span class="menu-title">{{ __($child->title) }}</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </li>
                    @endif
                @endforeach

            </ul>

            <div class="text-center mb-3 text-uppercase">
                <span class="text--primary">{{ config('app.name') }}</span>
                <span class="text--success">V{{ app()->version() }}</span>
            </div>
        </div>
    </div>
</div>

@push('script')
<script>
(function($){
  "use strict";
  const $wrap = $('#sidebar__menuWrapper');
  const $active = $wrap.find('li.active').first();
  if($active.length){
    $wrap.animate({ scrollTop: ($active.offset().top - $wrap.offset().top) + $wrap.scrollTop() - 180 }, 500);
  }
})(jQuery);
</script>
@endpush