<div class="page-sidebar-wrapper">
    <!-- BEGIN SIDEBAR -->
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <ul class="page-sidebar-menu  page-header-fixed " data-keep-expanded="false" data-auto-scroll="true"
            data-slide-speed="200" style="padding-top: 20px">
            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
            <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
            <li class="sidebar-toggler-wrapper hide">
                <div class="sidebar-toggler">
                    <span></span>
                </div>
            </li>
            <!-- END SIDEBAR TOGGLER BUTTON -->
            <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
            <li class="sidebar-search-wrapper">
                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->

                <!-- END RESPONSIVE QUICK SEARCH FORM -->
            </li>


            <li class="nav-item  ">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="fa fa-users"></i>
                    <span class="title">Quản lý nhà trọ</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item  ">
                        <a href="{{ url('admin/hostel') }}" class="nav-link ">
                            <span class="title">Danh sách</span>
                        </a>
                    </li>

                    <li class="nav-item  ">
                        <a href="{{ url('admin/hostel/create') }}" class="nav-link ">
                            <span class="title">Thêm mới</span>
                        </a>
                    </li>


                </ul>
            </li>
            <li class="nav-item  ">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="fa fa-users"></i>
                    <span class="title">Quản lý chủ trọ</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item  ">
                        <a href="{{ url('admin/owner') }}" class="nav-link ">
                            <span class="title">Danh sách</span>
                        </a>
                    </li>

                    <li class="nav-item  ">
                        <a href="{{ url('admin/owner/create') }}" class="nav-link ">
                            <span class="title">Thêm mới</span>
                        </a>
                    </li>


                </ul>
            </li>
            <li class="nav-item  ">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="fa fa-laptop"></i>
                    <span class="title">Quản lý phòng</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item  ">
                        <a href="{{ url('admin/room') }}" class="nav-link ">
                            <span class="title">Danh sách</span>
                        </a>
                    </li>

                    <li class="nav-item  ">
                        <a href="{{ url('admin/room/create') }}" class="nav-link ">
                            <span class="title">Thêm mới</span>
                        </a>
                    </li>


                </ul>
            </li>
            <li class="nav-item  ">
                <a href="{{ url('admin/orders') }}" class="nav-link nav-toggle">
                    <i class="fa fa-shopping-cart"></i>
                    <span class="title">Quản lý đăng ký</span>
                </a>
            </li>
            <li class="nav-item  ">
                <a href="{{ url('admin/money/list') }}" class="nav-link nav-toggle">
                    <i class="fa fa-server"></i>
                    <span class="title">Quản lý thu chi</span>
                </a>
            </li>
            <li class="nav-item  ">
                <a href="{{ url('admin/extra') }}" class="nav-link nav-toggle">
                    <i class="fa fa-server"></i>
                    <span class="title">Phát sinh</span>
                </a>
            </li>
            <li class="nav-item  ">
                <a href="{{ url('admin/electric-water') }}" class="nav-link nav-toggle">
                    <i class="fa fa-server"></i>
                    <span class="title">Chốt số điện nước</span>
                </a>
            </li>

            <li class="nav-item  ">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="fa fa-user-md"></i>
                    <span class="title">Quản lý người thuê trọ</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item  ">
                        <a href="{{ url('admin/renter') }}" class="nav-link ">
                            <span class="title">Danh sách</span>
                        </a>
                    </li>

                    <li class="nav-item  ">
                        <a href="{{ url('admin/renter/create') }}" class="nav-link ">
                            <span class="title">Thêm mới</span>
                        </a>
                    </li>


                </ul>
            </li>


            <li class="nav-item  ">
                <a href="javascript:;" class="nav-link nav-toggle">
                    <i class="fa fa-cog"></i>
                    <span class="title">Quản lý cài đặt</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li class="nav-item  ">
                        <a href="{{ url('admin/setting/amenities') }}" class="nav-link ">
                            <span class="title">Danh sách tiện ích</span>
                        </a>
                    </li>
                    <li class="nav-item  ">
                        <a href="{{ url('admin/setting/room-type') }}" class="nav-link ">
                            <span class="title">Loại phòng</span>
                        </a>
                    </li>
                    <li class="nav-item  ">
                        <a href="{{ url('admin/setting/hostel-type') }}" class="nav-link ">
                            <span class="title">Loại nhà</span>
                        </a>
                    </li>
                    <li class="nav-item  ">
                        <a href="{{ url('admin/setting/fee') }}" class="nav-link ">
                            <span class="title">Quản lý phí</span>
                        </a>
                    </li>
                </ul>
            </li>

        </ul>
        <!-- END SIDEBAR MENU -->
        <!-- END SIDEBAR MENU -->
    </div>
    <!-- END SIDEBAR -->
</div>