<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">

    <div data-simplebar class="h-100">

        <!--- Sidemenu -->
        <div id="sidebar-menu">
            <!-- Left Menu Start -->
            <ul class="metismenu list-unstyled" id="side-menu">
                <li class="menu-title" key="t-menu">@lang('translation.Menu')</li>

                <li>
                    <a href="dashboard" class="waves-effect">
                        <i class="bx bx-file"></i>
                        <span key="t-file-manager">@lang('translation.Dashboards')</span>
                    </a>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bx-calendar"></i>
                        <span key="t-dashboards">@lang('translation.Location')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="calendar" key="t-tui-calendar">@lang('translation.User Location')</a></li>
                        <li><a href="calendar-full" key="t-full-calendar">@lang('translation.Driver Location')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bxs-user-detail"></i>
                        <span key="t-users">@lang('translation.Users')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ route('admin.customers') }}" key="t-tui-customers">@lang('translation.Customers')</a></li>
                        <li><a href="{{ route('admin.angels') }}" key="t-tui-angels">@lang('translation.Angels')</a></li>
                        <li><a href="/admin/users/staff" key="t-tui-staff">@lang('translation.Staff')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bxs-user-detail"></i>
                        <span key="t-dashboards">@lang('translation.Vendors')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="calendar" key="t-tui-calendar">@lang('translation.TUI_Calendar')</a></li>
                        <li><a href="calendar-full" key="t-full-calendar">@lang('translation.Full_Calendar')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bxs-user-detail"></i>
                        <span key="t-dashboards">@lang('translation.Assets')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ route('assets.index')}}" key="t-tui-calendar">@lang('translation.Asset List')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bx-cart-alt"></i>
                        <span key="t-dashboards">@lang('translation.Orders')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="#deliver" key="t-tui-calendar">@lang('translation.Delivery Orders')</a></li>
                        <li><a href="#manage-full" key="t-full-calendar">@lang('translation.Manage Orders')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bx-receipt"></i>
                        <span key="t-dashboards">@lang('translation.Reports')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="#invoice" key="t-tui-calendar">@lang('translation. Invoice')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bxs-user-detail"></i>
                        <span key="t-dashboards">@lang('translation.Promotion')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="calendar" key="t-tui-calendar">@lang('translation.Voucher')</a></li>
                        <li><a href="calendar-full" key="t-full-calendar">@lang('translation.Referrals')</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bxs-user-detail"></i>
                        <span key="t-cms">@lang('translation.CMS')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ route('zap-pages.index')}}" key="t-tui-calendar">@lang('translation.Zap Pages')</a></li>
                    </ul>
                </li>
                <li>
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="bx bx-cog"></i>
                        <span key="t-settings">@lang('translation.Settings')</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="{{ route('settings.index')}}" key="t-tui-calendar">@lang('translation.Site Settings')</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <!-- Sidebar -->
    </div>
</div>
<!-- Left Sidebar End -->
