<div class="app-sidebar">
     <!-- Sidebar Logo -->
     <div class="logo-box">
          <a href="{{ route('dashboard.home') }}" class="logo-dark">
               <img src="/images/dputr-kab-bandung.png" class="logo-sm" alt="logo sm">
               <img src="/images/dputr-kab-bandung.png" class="logo-lg" alt="logo dark">
          </a>

          <a href="{{ route('dashboard.home') }}" class="logo-light">
               <img src="/images/dputr-kab-bandung.png" class="logo-sm" alt="logo sm">
               <img src="/images/dputr-kab-bandung.png" class="logo-lg" alt="logo light">
          </a>
     </div>

     <div class="scrollbar" data-simplebar>
          <ul class="navbar-nav" id="navbar-nav">
               <li class="menu-title">Menu</li>

               @foreach ($menus as $menu)
                    <li class="nav-item">
                         <!-- parent menu -->
                         @if ($menu->parent_id == null)
                              <a class="nav-link menu-arrow" href="#sidebar-{{$menu->id}}" data-bs-toggle="collapse" role="button"
                                   aria-expanded="true" aria-controls="sidebar-{{$menu->id}}">
                                   <span class="nav-icon">
                                        <iconify-icon icon="{{$menu->icon}}"></iconify-icon>
                                   </span>
                                   <span class="nav-text">{{$menu->name}}</span>
                              </a>
                         @endif
                         <!-- children menu foreach -->
                         @if ($menu->children->count() > 0)
                              <div class="collapse" id="sidebar-{{$menu->id}}">
                                   <ul class="nav sub-navbar-nav">
                                        @foreach ( $menu->children as $child)
                                             <li class="sub-nav-item">
                                                  <a class="sub-nav-link" href="{{ $child->url ? (Route::has($child->url) ? route($child->url) : $child->url) : '#' }}">
                                                  {{ $child->name }}
                                                  </a>
                                             </li>
                                        @endforeach
                                   </ul>
                              </div>
                         @endif
                    </li>
               @endforeach
          </ul>
     </div>
</div>


<div class="animated-stars">
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
     <div class="shooting-star"></div>
</div>