@props(['area' => 'user'])

@php
  $items = collect(config("navigation.$area", []))
    ->filter(function ($item) {
      return ! isset($item['permission'])
        || auth()->user()?->hasPermission($item['permission']);
    });
@endphp

<aside class="sidebar">
  <nav class="sidebar-nav">
    @foreach($items as $item)
      @php($activePattern = $item['active'] ?? $item['route'])
      <a
        class="nav-item {{ request()->routeIs($activePattern) ? 'active' : '' }}"
        href="{{ route($item['route']) }}"
      >
        <x-ui.icon :name="$item['icon']"/>
        <span>{{ $item['label'] }}</span>
      </a>
    @endforeach
  </nav>
</aside>

<nav class="bottom-nav" aria-label="منوی اصلی">
  @foreach($items as $item)
    @php($activePattern = $item['active'] ?? $item['route'])
    <a
      class="nav-item {{ request()->routeIs($activePattern) ? 'active' : '' }}"
      href="{{ route($item['route']) }}"
    >
      <x-ui.icon :name="$item['icon']"/>
      <span>{{ $item['label'] }}</span>
    </a>
  @endforeach
</nav>