<div class="sidebar-wrapper" data-sidebar-layout="stroke-svg">
    <div>
        <div class="logo-wrapper">
            <a href="{{ route('dashboard.overview') }}">
                <img class="img-fluid for-light" src="{{ asset('assets/images/logo/logo.png') }}" alt="image">
                <img class="img-fluid for-dark" src="{{ asset('assets/images/logo/logo-dark.png') }}" alt="image">
            </a>
            <div class="back-btn">
                <i class="fa fa-angle-left"></i>
            </div>
            <div class="toggle-sidebar">
                <i class="status_toggle middle sidebar-toggle" data-feather="grid"> </i>
            </div>
        </div>
        <div class="logo-icon-wrapper">
            <a href="{{ route('dashboard.overview') }}">
                <img class="img-fluid" src="{{ asset('assets/images/logo/logo-icon.png') }}" alt="image">
            </a>
        </div>
        <nav class="sidebar-main">
            <div class="left-arrow" id="left-arrow">
                <i data-feather="arrow-left"></i>
            </div>
            <div id="sidebar-menu">
                <ul class="sidebar-links" id="simple-bar">
                    <li class="back-btn">
                        <a href="{{ route('dashboard.overview') }}">
                            <img class="img-fluid" src="{{ asset('assets/images/logo/logo-icon.png') }}" alt="image">
                        </a>
                        <div class="mobile-back text-end">
                            <span>Back</span>
                            <i class="fa fa-angle-right ps-2" aria-hidden="true"></i>
                        </div>
                    </li>
                    <li class="pin-title sidebar-main-title">
                        <div>
                            <h6>Disematkan</h6>
                        </div>
                    </li>
                    <li class="sidebar-main-title">
                        <div>
                            <h6>Dasbor</h6>
                        </div>
                    </li>
                    <li class="sidebar-list">
                        <i class="fa fa-thumb-tack"></i>
                        <a class="sidebar-link sidebar-title link-nav" href="{{ route('dashboard.overview') }}">
                            <i data-feather="grid"></i>
                            <span>Ringkasan</span>
                        </a>
                    </li>
                    @if (in_array(auth()->user()->role_id, [1, 2, 3]))
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('dashboard.analytic') }}">
                                <i data-feather="bar-chart-2"></i>
                                <span>Analitik</span>
                            </a>
                        </li>
                        <li class="sidebar-main-title">
                            <div>
                                <h6>Master</h6>
                            </div>
                        </li>
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('master.barbershop') }}">
                                <i data-feather="home"></i>
                                <span>Barbershop</span>
                            </a>
                        </li>
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('master.users') }}">
                                <i data-feather="users"></i>
                                <span>Pegawai</span>
                            </a>
                        </li>
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('master.customers') }}">
                                <i data-feather="user-plus"></i>
                                <span>Pelanggan</span>
                            </a>
                        </li>
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('master.services') }}">
                                <i data-feather="sliders"></i>
                                <span>Layanan</span>
                            </a>
                        </li>
                    @endif
                    <li class="sidebar-main-title">
                        <div>
                            <h6>Keuangan</h6>
                        </div>
                    </li>
                    @if (auth()->user()->role_id !== 5)
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('finance.expenses') }}">
                                <i data-feather="log-out"></i>
                                <span>Pengeluaran</span>
                            </a>
                        </li>
                    @endif
                    <li class="sidebar-list">
                        <i class="fa fa-thumb-tack"></i>
                        <a class="sidebar-link sidebar-title link-nav" href="{{ route('finance.payrolls') }}">
                            <i data-feather="dollar-sign"></i>
                            <span>Gaji</span>
                        </a>
                    </li>
                    @if (auth()->user()->role_id !== 5)
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('finance.cashes') }}">
                                <i data-feather="upload"></i>
                                <span>Kas</span>
                            </a>
                        </li>
                    @endif
                    <li class="sidebar-list">
                        <i class="fa fa-thumb-tack"></i>
                        <a class="sidebar-link sidebar-title link-nav" href="{{ route('finance.debts') }}">
                            <i data-feather="percent"></i>
                            <span>Kasbon</span>
                        </a>
                    </li>
                    <li class="sidebar-main-title">
                        <div>
                            <h6>Kelola</h6>
                        </div>
                    </li>
                    <li class="sidebar-list">
                        <i class="fa fa-thumb-tack"></i>
                        <a class="sidebar-link sidebar-title link-nav" href="{{ route('manage.attendances') }}">
                            <i data-feather="user-check"></i>
                            <span>Kehadiran</span>
                        </a>
                    </li>
                    <li class="sidebar-list">
                        <i class="fa fa-thumb-tack"></i>
                        <a class="sidebar-link sidebar-title link-nav" href="{{ route('manage.transactions') }}">
                            <i data-feather="scissors"></i>
                            <span>Transaksi</span>
                        </a>
                    </li>
                    @if (in_array(auth()->user()->role_id, [1, 2, 3]))
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('manage.inventory') }}">
                                <i data-feather="archive"></i>
                                <span>Barang</span>
                            </a>
                        </li>
                        <li class="sidebar-main-title">
                            <div>
                                <h6>Pengaturan</h6>
                            </div>
                        </li>
                        <li class="sidebar-list">
                            <i class="fa fa-thumb-tack"></i>
                            <a class="sidebar-link sidebar-title link-nav" href="{{ route('setting.application') }}">
                                <i data-feather="settings"></i>
                                <span>Aplikasi</span>
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
            <div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
        </nav>
    </div>
</div>
