<aside class="sidebar">
    <button type="button" class="sidebar-close-btn">
        <iconify-icon icon="radix-icons:cross-2"></iconify-icon>
    </button>
    <div class="sidebar-logo-area">
        <a href="{{ route('dashboard.index') }}" class="sidebar-logo">
            <img src="{{ asset('assets/images/logo_pl.svg') }}" alt="site logo" class="light-logo">
            <img src="{{ asset('assets/images/logo-light.png') }}" alt="site logo" class="dark-logo">
            <img src="{{ asset('assets/images/logo_only.svg') }}" alt="site logo" class="logo-icon">
        </a>
    </div>
    <div class="sidebar-menu-area">
        <ul class="sidebar-menu" id="sidebar-menu">
            <li>
                <a href="{{ route('dashboard.index') }}">
                    <iconify-icon icon="solar:home-smile-angle-outline" class="menu-icon"></iconify-icon>
                    <span>DASHBOARD</span>
                </a>
            </li>

            @can('penjadwalan.access')
                <li>
                    <a href="{{ route('jadwal.index') }}">
                        <iconify-icon icon="bi:calendar-date" class="menu-icon"></iconify-icon>
                        <span>PENJADWALAN</span>
                    </a>
                </li>
            @endcan

            @can('pengumuman.access')
                <li>
                    <a href="{{ route('pengumuman.index') }}">
                        <iconify-icon icon="bi:megaphone" class="menu-icon"></iconify-icon>
                        <span>PENGUMUMAN</span>
                    </a>
                </li>
            @endcan

            {{-- <li class="sidebar-menu-group-title">Persetujuan Teknis</li> --}}
            @can('persetujuan_teknis.access')
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:file-earmark-medical" class="menu-icon"></iconify-icon>
                        <span>PERSETUJUAN TEKNIS</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('pertek.index_arahan') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Permohonan Arahan</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('pertek.index_slo') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Permohonan SLO</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('pertek.index_emisi') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Emisi</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('pertek.index_airlimbah') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Air Limbah</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('pertek.index_limbahb3') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Limbah B3</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan

            {{-- <li class="sidebar-menu-group-title">Rincian Teknis</li> --}}

            @can('rincian_teknis.access')
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:card-text" class="menu-icon"></iconify-icon>
                        <span>RINCIAN TEKNIS</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('rintek.index_arahan') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:list-task" class="menu-icon"></iconify-icon>
                                <span>Permohonan Arahan</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan

            {{-- <li class="sidebar-menu-group-title">Persetujuan Lingkungan</li> --}}

            @can('persetujuan_lingkungan.access')
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:card-text" class="menu-icon"></iconify-icon>
                        <span>PERSETUJUAN LINGKUNGAN</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('persetujuan.kerangka.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>Permohonan Kerangka Acuan</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.sppl.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>SPPL</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.amdal.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>Amdal</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.rkl.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>Andal RKL-RPL</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.ukl.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>UKL-UPL</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.addendum.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>ADDENDUM</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.delh.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>DELH</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('persetujuan.dplh.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>DPLH</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan

            @can('izin_angkut_olah.access')
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:card-text" class="menu-icon"></iconify-icon>
                        <span>IZIN ANGKUT & OLAH</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('izinangkut.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>Daftar Permohonan</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan

            @can('izin_tempat_uji_emisi.access')
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:card-text" class="menu-icon"></iconify-icon>
                        <span>IZIN TEMPAT UJI EMISI</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('izinemisi.index_permohonan') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:journal-text" class="menu-icon"></iconify-icon>
                                <span>Daftar Permohonan</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan


            @can('settings.manage')
                <li class="sidebar-menu-group-title">Pengaturan</li>
                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:person-fill" class="menu-icon"></iconify-icon>
                        <span>User</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="{{ route('admin.users.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:person-fill" class="menu-icon"></iconify-icon>
                                <span>Pengguna</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin.roles.index') }}"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:person-gear" class="menu-icon"></iconify-icon>
                                <span>Roles & Akses</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan


            @can('content.manage')
                <li class="sidebar-menu-group-title">Konten</li>
                <li>
                    <a href="{{ route('news.index_newsvideo') }}">
                        <iconify-icon icon="bi:pencil-square" class="menu-icon"></iconify-icon>
                        <span>News & Video</span>
                    </a>
                </li>
            @endcan

            @can('master_data.manage')
                <li class="sidebar-menu-group-title">Data Master</li>

                <li class="dropdown">
                    <a href="javascript:void(0)">
                        <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                        <span>Basis Data</span>
                    </a>
                    {{-- submenu --}}
                    <ul class="sidebar-submenu">
                        <li>
                            <a href="#"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                                <span>File Browser</span>
                            </a>
                        </li>
                        <li>
                            <a href="#"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                                <span>Data Pemrakarsa</span>
                            </a>
                        </li>
                        <li>
                            <a href="#"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                                <span>Data Penyusun</span>
                            </a>
                        </li>
                        <li>
                            <a href="#"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                                <span>Data PJM</span>
                            </a>
                        </li>
                        <li>
                            <a href="#"><i class="text-primary-600 w-auto"></i>
                                <iconify-icon icon="bi:folder" class="menu-icon"></iconify-icon>
                                <span>Data Konsultan</span>
                            </a>
                        </li>
                    </ul>
                </li>
            @endcan
        </ul>
    </div>
</aside>
