<aside id="logo-sidebar" class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0" aria-label="Sidebar">
  <div class="h-full px-3 pb-4 overflow-y-auto bg-white">
    <ul class="space-y-2 font-medium">
      <li>
        <x-side-link href="{{ route('dashboard') }}" :active="request()->is('admin/dashboard')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/dashboard') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path d="M10 2a1 1 0 01.707.293l7 7a1 1 0 01-1.414 1.414L16 10.414V17a1 1 0 01-1 1h-3a1 1 0 01-1-1v-3H9v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6.586l-.293.293A1 1 0 012.293 9.293l7-7A1 1 0 0110 2z"/>
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/dashboard') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">Dashboard</span>
        </x-side-link>
      </li>
      @if(in_array(auth()->user()->role, ['admin', 'super_admin']))
      <li>
        <x-side-link href="{{ route('kriteria.index') }}" :active="request()->is('admin/kriteria*')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/kriteria*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path d="M10 2a2 2 0 00-2 2v3H5a1 1 0 000 2h3v3a2 2 0 002 2h1v3a1 1 0 102 0v-3h1a2 2 0 002-2v-3h3a1 1 0 000-2h-3V4a2 2 0 00-2-2h-3z"/>
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/kriteria*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">Kriteria</span>
        </x-side-link>
      </li>
      @endif
      <li>
        <x-side-link href="{{ route('alternatif.index') }}" :active="request()->is('admin/alternatif*')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/alternatif*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path d="M6 3a1 1 0 00-1 1v1H3a1 1 0 000 2h2v6H3a1 1 0 000 2h2v1a1 1 0 001 1h2a1 1 0 001-1v-1h6v1a1 1 0 001 1h2a1 1 0 001-1v-1h2a1 1 0 000-2h-2V7h2a1 1 0 000-2h-2V4a1 1 0 00-1-1h-2a1 1 0 00-1 1v1H9V4a1 1 0 00-1-1H6z"/>
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/alternatif*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">Alternatif</span>
        </x-side-link>
      </li>
      <li>
        <x-side-link href="{{ route('penilaian.index') }}" :active="request()->is('admin/penilaian*')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/penilaian*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path d="M2 4a2 2 0 012-2h6a1 1 0 01.707.293l7 7a1 1 0 01.293.707v6a2 2 0 01-2 2h-6a1 1 0 01-.707-.293l-7-7A1 1 0 012 9V4z"/>
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/penilaian*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">Penilaian</span>
        </x-side-link>
      </li>
      <li>
        <x-side-link href="{{ route('perhitungan.index') }}" :active="request()->is('admin/perhitungan*')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/perhitungan*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path d="M3 3a1 1 0 000 2h14a1 1 0 100-2H3zm0 6a1 1 0 000 2h14a1 1 0 100-2H3zm0 6a1 1 0 000 2h14a1 1 0 100-2H3z"/>
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/perhitungan*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">Hasil</span>
        </x-side-link>
      </li>
      <li>
        @if(in_array(auth()->user()->role, ['admin', 'super_admin']))
        <x-side-link href="{{ route('usersetting.index') }}" :active="request()->is('admin/user*')">
          <svg class="w-5 h-5 transition duration-75" fill="currentColor" viewBox="0 0 20 20" :class="request()->is('admin/user*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">
            <path fill-rule="evenodd" d="M10 2a4 4 0 100 8 4 4 0 000-8zM2 16a6 6 0 0112 0H2z" clip-rule="evenodd" />
          </svg>
          <span class="ml-3 transition duration-75" :class="request()->is('admin/user*') ? 'text-white' : 'text-gray-600 group-hover:text-[#388E3C]'">User Setting</span>
        </x-side-link>
        @endif
      </li>
    </ul>
  </div>
</aside>
