<ul class="navbar-nav sidebar accordion md-sidebar" id="accordionSidebar">

    <!-- Sidebar - Brand -->
      <center><img src="img/pe.png" class="logo" style="width:60%"/></center>
    <a class="sidebar-brand d-flex align-items-center justify-content-center md-logo " href="#">
       
        <div class="sidebar-brand-text mx-3 nameCompany"></div>
    </a>

    <hr class="sidebar-divider my-0">

    <!-- Heading -->


    <!-- الموظفين -->
    <li class="nav-item">
        <a class="nav-link collapsed md-nav-link" href="#" data-toggle="collapse"
           data-target="#collapseTwoEmp" aria-expanded="false" aria-controls="collapseTwoEmp">
            <span class="md-icon"><i class="fas fa-users"></i></span>
            <span class="md-text">الموظفين</span>
            
        </a>
        <div id="collapseTwoEmp" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="md-collapse-inner">
                <a class="md-collapse-item" onclick="pages.job()">الوظائف</a>
                <a class="md-collapse-item" onclick="emp.emp()">الموظفين</a>
                <a class="md-collapse-item" onclick="emp.login()">سجل دخول الموظفين</a>
            </div>
        </div>
    </li>

    <!-- الخدمات -->
    <li class="nav-item">
        <a class="nav-link collapsed md-nav-link" href="#" data-toggle="collapse"
           data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
            <span class="md-icon"><i class="fas fa-concierge-bell"></i></span>
            <span class="md-text">الخدمات</span>
            
        </a>
        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="md-collapse-inner">
                <a class="md-collapse-item" onclick="pages.catService()">أقسام الخدمات</a>
                <a class="md-collapse-item" onclick="pages.service()">الخدمات</a>
                <a class="md-collapse-item" onclick="pages.typePaid()">طرق الدفع</a>
            </div>
        </div>
    </li>

    <!-- العملاء -->
    <li class="nav-item">
        <a class="nav-link md-nav-link" href="javascript:void(0)" onclick="pages.cus()">
            <span class="md-icon"><i class="fas fa-user-friends"></i></span>
            <span class="md-text">العملاء</span>
        </a>
    </li>

    <!-- البيع -->
    <li class="nav-item ">
        <a class="nav-link md-nav-link" href="javascript:void(0)" onclick="sales.drawSales()">
            <span class="md-icon"><i class="fas fa-shopping-cart"></i></span>
            <span class="md-text">البيع</span>
        </a>
    </li>

    <!-- المصاريف -->
    <li class="nav-item">
        <a class="nav-link md-nav-link" href="javascript:void(0)" onclick="pages.exp()">
            <span class="md-icon"><i class="fas fa-money-bill-wave"></i></span>
            <span class="md-text">المصاريف</span>
        </a>
    </li>

    <!-- التقارير -->
    <li class="nav-item">
        <a class="nav-link collapsed md-nav-link" href="#" data-toggle="collapse"
           data-target="#collapseRepExp" aria-expanded="false" aria-controls="collapseRepExp">
            <span class="md-icon"><i class="fas fa-chart-bar"></i></span>
            <span class="md-text">التقارير</span>
            
        </a>
        <div id="collapseRepExp" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="md-collapse-inner">
                <a class="md-collapse-item" onclick="rebort.exp(0)">تقرير المصاريف</a>
                <a class="md-collapse-item" onclick="rebort.service(0)">تقرير الخدمات</a>
                <a class="md-collapse-item" onclick="rebort.sales_service(0)">تقرير المبيعات</a>
                <a class="md-collapse-item" onclick="rebort.dailyRebortDraw(0)">تقرير اليومية</a>
                <a class="md-collapse-item" onclick="rebort.safeRebortDraw(0)">تقرير الخزنة</a>
            </div>
        </div>
    </li>

    <!-- الإعدادات -->
    <li class="nav-item">
        <a class="nav-link collapsed md-nav-link" href="#" data-toggle="collapse"
           data-target="#collapseSetting" aria-expanded="false" aria-controls="collapseSetting">
            <span class="md-icon"><i class="fas fa-cog"></i></span>
            <span class="md-text">الإعدادات</span>
            
        </a>
        <div id="collapseSetting" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="md-collapse-inner">
                <a class="md-collapse-item" onclick="setting.mainDataCompany()">بيانات الشركة</a>
                <a class="md-collapse-item" onclick="setting.invoiceSetting()">شكل الفاتورة</a>
            </div>
        </div>
    </li>



</ul>
