@php
    $configData = Helper::applClasses();
@endphp
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
    integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
<div class="main-menu menu-fixed {{ $configData['theme'] === 'dark' || $configData['theme'] === 'semi-dark' ? 'menu-dark' : 'menu-light' }} menu-accordion menu-shadow"
    data-scroll-to-active="true">
    <div class="navbar-header">
        <div style="display: flex;justify-content: center">
            <div>

                <img src="{{ asset('6.png') }}" style="width: 70px;height: 70px;" alt="">

            </div>
        </div>

    </div>
    {{-- <div class="shadow-bottom"></div> --}}
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <li class="nav-item mt-2 @if ($title == 'Dashboard') active @endif">
                <a href="{{ url('/dashboard/analytics') }}" class="d-flex align-items-center">
                    <i class="fas fa-home"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Dashboard</span>
                </a>
            </li>
            <li class="navigation-header">
                <span>Management Perangkat </span>
                <i data-feather="more-horizontal"></i>
            </li>
            <li class="nav-item @if ($title == 'Device') active @endif">
                <a href="{{ url('/device/index') }}" class="d-flex align-items-center">
                    <i class="fas fa-microchip"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Perangkat</span>
                </a>
            </li>
            <li class="nav-item @if ($title == 'Data Ketinggian Air') active @endif">
                <a href="{{ url('/ketinggian_air/index') }}" class="d-flex align-items-center">
                    <i class="fas fa-house-flood-water"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Data Ketinggian Air</span>
                </a>
            </li>
            <li class="nav-item @if ($title == 'Hasil Perhitungan') active @endif">
                <a href="{{ url('/hasil_pehitungan/index') }}" class="d-flex align-items-center">
                    <i class="fas fa-calculator"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Hasil Perhitungan</span>
                </a>
            </li>
            {{-- <li class="nav-item ">
                <a href="#" class="d-flex align-items-center">
                    <i class="fas fa-calculator"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Hasil Perhitungan</span>
                </a>
                <ul class="menu-content">
                    <li class="@if ($title == 'Hasil Perhitungan') active @endif">
                        <a href="{{ url('/hasil_pehitungan/index') }}" class="d-flex align-items-center">
                            <i style="font-size: 13px" class="fa-solid fa-layer-group"></i>
                            <span class="menu-item text-truncate">Data Terbaru</span>
                        </a>
                    </li>
                    <li class="@if ($title == 'Semua Data') active @endif">
                        <a href="{{ url('hasil_pehitungan/semua_data') }}" class="d-flex align-items-center ">
                            <i style="font-size: 13px" class="fas fa-database"></i>
                            <span class="menu-item text-truncate">Pertihungan Hulu</span>
                        </a>
                    </li>
                    <li  class="@if ($title == 'Hasil Perhitungan Bantaran Sungai')
                    active
                  @endif" >
                    <a href="{{ url("hasil_pehitungan/perhitungan_bantaran_sungai") }}" class="d-flex align-items-center ">
                      <i style="font-size: 13px" class="fas fa-coins"></i>
                      <span class="menu-item text-truncate">Pertihungan Bantaran</span>
                    </a>
                  </li>
                </ul>

            </li> --}}
            {{-- 
            <li
            class="nav-item @if ($title == 'Broadcast Peringatan')
              active
            @endif">
            <a href="{{ url("/broadcast_peringatan/index") }}" class="d-flex align-items-center">
              <i class="fas fa-bell"></i>
              <span class="menu-title text-truncate " style="margin-top: 5px;">Broadcast Peringatan</span>
            </a>
          </li> --}}
            {{-- <li class="nav-item @if ($title == 'Bantaran Sungai')
              active
            @endif">
            <a href="{{ url("/bantaran_sungai/index") }}" class="d-flex align-items-center">
              <i class="fa-solid fa-map-location-dot"></i>
              <span class="menu-title text-truncate " style="margin-top: 5px;">Bantaran Sungai</span>
            </a>
          </li> --}}
            <li class="navigation-header">
                <span>Pengaturan</span>
                <i data-feather="more-horizontal"></i>
            </li>
            @php
                $level = session()->get('level');
            @endphp
            @if (isset($level) && $level == 'Administrator')
                <li class="nav-item ">
                    <a href="#" class="d-flex align-items-center">
                        <i class="fas fa-user-tie"></i>
                        <span class="menu-title text-truncate " style="margin-top: 5px;">Pengguna</span>
                    </a>
                    <ul class="menu-content">
                        <li class="@if ($title == 'Pengguna') active @endif">
                            <a href="{{ url('pengguna/index') }}" class="d-flex align-items-center">
                                <i class="fas fa-users" style="font-size: 13px"></i>
                                <span class="menu-item text-truncate">Data Pengguna</span>
                            </a>
                        </li>
                        <li class="@if ($title == 'Level') active @endif">
                            <a href="{{ url('level/index') }}" class="d-flex align-items-center ">
                                <i class="fas fa-layer-group" style="font-size: 13px"></i>
                                <span class="menu-item text-truncate">Level</span>
                            </a>
                        </li>
                    </ul>

                </li>
            @endif
            {{-- <li class="nav-item ">
            <a href="#" class="d-flex align-items-center">
                <i class="fas fa-address-book  "></i>
              <span class="menu-title text-truncate " style="margin-top: 5px;">Kontak</span>
            </a>
            <ul class="menu-content">
                <li  class="@if ($title == 'Pegawai')
                    active
                  @endif" >
                    <a href="{{ url("pegawai/index") }}" class="d-flex align-items-center">
                      <i class="fas fa-users" style="font-size: 13px"></i>
                      <span class="menu-item text-truncate">Pegawai</span>
                    </a>
                  </li>
                  <li  class="@if ($title == 'Pangkat')
                    active
                  @endif" >
                    <a href="{{ url("pangkat/index") }}" class="d-flex align-items-center ">
                      <i class="fas fa-user-gear" style="font-size: 13px"></i>
                      <span class="menu-item text-truncate">Pangkat</span>
                    </a>
                  </li>
                  <li  class="@if ($title == 'Jabatan')
                    active
                  @endif" >
                    <a href="{{ url("jabatan/index") }}" class="d-flex align-items-center">
                      <i class="fas fa-user-tie" style="font-size: 13px"></i>
                      <span class="menu-item text-truncate">Jabatan</span>
                    </a>
                  </li>
                  <li  class="@if ($title == 'Group')
                    active
                  @endif" >
                    <a href="{{ url("group/index") }}" class="d-flex align-items-center">
                      <i class="fas fa-user-group" style="font-size: 13px"></i>
                      <span class="menu-item text-truncate">Group</span>
                    </a>
                  </li>
            </ul>

          </li> --}}
            <li class="nav-item @if ($title == 'Status Siaga') active @endif">
                <a href="{{ url('/status_siaga/index') }}" class="d-flex align-items-center">
                    <i class="fa-solid fa-gears"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Pengaturan Hulu</span>
                </a>
            </li>
            </li>
            {{-- <li class="nav-item @if ($title == 'Pengaturan Bantaran Sungai')
              active
            @endif">
            <a href="{{ url("/pengaturan_bantaran_sungai/index") }}" class="d-flex align-items-center">
              <i class="fa-solid fa-sliders"></i>
              <span class="menu-title text-truncate " style="margin-top: 5px;">Pengaturan Bantaran</span>
            </a>
          </li> --}}
            {{-- <li
            class="nav-item @if ($title == 'Api Wa')
              active
            @endif">
            <a href="{{ url("/wa/index") }}" class="d-flex align-items-center">
              <i class="fab fa-whatsapp " style="font-weight: bold"></i>
              <span class="menu-title text-truncate " style="margin-top: 5px;">Token Whatsapp</span>
            </a>
          </li> --}}
            <li class="navigation-header">
                <span>Laporan</span>
                <i data-feather="more-horizontal"></i>
            </li>
            <li class="nav-item ">
                <a href="{{ url('/dashboard/analytics') }}" class="d-flex align-items-center">
                    <i class="fas fa-folder"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Laporan</span>
                </a>
                <ul class="menu-content">
                    <li class="@if ($title == 'Laporan Ketinggian Air') active @endif">
                        <a href="{{ url('laporan_ketinggian_air/index') }}" class="d-flex align-items-center">
                            <i class="fas fa-arrow-up-from-ground-water" style="font-size: 13px"></i>
                            <span class="menu-item text-truncate">Ketinggian Air</span>
                        </a>
                    </li>
                    <li class="@if ($title == 'Laporan Hasil Perhitungan') active @endif">
                        <a href="{{ url('laporan_hasil_perhitungan/index') }}" class="d-flex align-items-center">
                            <i class="fas fa-file-export" style="font-size: 13px"></i>
                            <span class="menu-item text-truncate">Perhitungan Hulu</span>
                        </a>
                    </li>
                    {{-- <li  class="@if ($title == 'Laporan Hasil Perhitungan Bantaran Sungai')
                    active
                    @endif" >
                      <a href="{{ url("laporan_hasil_perhitungan/laporan_bantaran_sungai") }}" class="d-flex align-items-center">
                        <i class="fas fa-print" style="font-size: 13px"></i>
                        <span class="menu-item text-truncate">Perhitungan Bantaran</span>
                      </a>
                    </li> --}}
                </ul>

            </li>
            <li class="nav-item ">
                <a href="{{ url('/keluar') }}" class="d-flex align-items-center">
                    <i class="fas fa-arrow-right-from-bracket"></i>
                    <span class="menu-title text-truncate " style="margin-top: 5px;">Logout</span>
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- END: Main Menu-->