
<?php include('model/db.php'); ?>
<html lang="en">
<?php include("include_header.php");?>
<style>

</style>
<body class="hold-transition sidebar-mini">
  <div class="wrapper">
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">

    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>

      <li class="nav-item d-none d-sm-inline-block">

    </li>

    </ul>
      
      <ul class="navbar-nav ml-auto">
        
        <li class="nav-item">
          <a class="nav-link" data-widget="fullscreen" href="#" role="button">
            <i class="fas fa-expand-arrows-alt"></i>
          </a>
        </li>
      </ul>
    </nav>
    <!-- /.navbar -->
  
    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
      <!-- Brand Logo -->
      <a href="index.php" class="brand-link">
        <img src="dist/img/AdminLTELogo.png" alt="Prog Egypt Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">Prog Egypt</span>
      </a>
  
      <!-- Sidebar -->
      <div class="sidebar">
        <!-- Sidebar user panel (optional) -->

  

        <!-- Sidebar Menu -->
        <nav class="mt-2" >
          <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
            <!-- Add icons to the links using the .nav-icon class
                 with font-awesome or any other icon font library -->

                 <li class="nav-item">
                  <a href="#" class="nav-link" onclick="page_index()">
                    <i class="fas fa-home nav-icon"></i>
                    <p>الصفحه الرئيسيه</p>
                  </a>
                </li>
            <li class="nav-item menu-open">
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-address-book"></i>
                <p>
                  شئون العاملين
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="emp()">
                    <i class="fas fa-users nav-icon"></i>
                    <p>الموظفين</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(0)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>الوظائف</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(1)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>الفروع</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="pos_emp()">
                    <i class="fas fa-barcode nav-icon"></i>
                    <p>حضور الموظفين</p>
                  </a>
                </li>
              </ul>
            </li>



            <li class="nav-item menu-open">
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-user-circle"></i>
                <p>
                 العملاء
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(2)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>المجاميع</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="member();radio_btn(0);">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>انظمة الأشتراكات</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="cus(0)">
                    <i class="fas fa-user-circle nav-icon"></i>
                    <p>العملاء</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="pos()">
                    <i class="fas fa-barcode nav-icon"></i>
                    <p>حضور العملاء</p>
                  </a>
                </li>
              </ul>
            </li>


            <li class="nav-item menu-open">
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-shopping-cart"></i>
                <p>
                  المخزن
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(3)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>الاقسام</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="pro()">
                    <i class="fas fa-shopping-basket nav-icon"></i>
                    <p>الاصناف و المبيعات</p>
                  </a> 
                </li>
              </ul>
            </li>


            <li class="nav-item menu-open">
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-credit-card"></i>
                <p>
                  المصاريف و الأيرادات
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(4)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>المصاريف</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="type_1(5)">
                    <i class="fas fa-circle nav-icon"></i>
                    <p>الأيرادات</p>
                  </a> 
                </li>
              </ul>
            </li>

            <li class="nav-item menu-open">
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-bar-chart"></i>
                <p>
                  التقارير
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="rebort(0)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>حضور العملاء</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="rebort(1)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>مديونية العملاء </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="rebort(16)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p> خصم العملاء </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="rebort(2)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>العملاء تفصيلى </p>
                </a>
              </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(3)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>تسجيل دخول الموظفين </p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(4)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>المصاريف</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(5)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>الايرادات</p>
                  </a>
                </li>

                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(6)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>الخدمات</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(7)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p> (العملاء)الاستلامات</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(8)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>(الاقسام)الاستلامات</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(14)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>مدخلات المخزن</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(9)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>المبيعات</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(11)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>الخزنة</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(12)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>مبيعات (مفصل)</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="rebort(15)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p> حضور الموظفين</p>
                  </a>
                </li>
              </ul>
            </li>









            <li class="nav-item menu-open emp_cc_22" >
              <a href="#" class="nav-link ">
                <i class="nav-icon fas fa-cogs"></i>
                <p>
                  الاعدادات
                  <i class="right fas fa-angle-left"></i>
                </p>
              </a>
              <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="sys(0)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>حذف الاستلامات </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="sys(1)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>حذف المصاريف  </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="sys(2)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p>  حذف الايرادات </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link" onclick="sys(3)">
                  <i class="fas fa-circle  nav-icon"></i>
                  <p> حذف الخدمات </p>
                </a>
              </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(4)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p> حذف المبيعات  </p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(5)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>حذف تحضير عميل</p>
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(6)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>حذف كمية الاصناف</p>
                  </a>
                </li>

                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(7)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>اخذ نسخة احتياطية</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(8)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>تغير الالوان</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(9)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p>تعديل بيانات عميل</p>
                  </a>
                </li>


                <li class="nav-item">
                  <a href="#" class="nav-link" onclick="sys(10)">
                    <i class="fas fa-circle  nav-icon"></i>
                    <p> تغير وقت اليومية</p>
                  </a>
                </li>



              </ul>
            </li>
          </ul>
        </nav>
        <!-- /.sidebar-menu -->
      </div>
      <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper card-body" id="pg_body">
    </div>
      
  
  
  
    <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
      <!-- Control sidebar content goes here -->
</aside> 
    <!-- /.control-sidebar -->
  
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="float-right d-none d-sm-block">
      <b>Version</b> 3.1.0
    </div>
    <strong>Copyright &copy; 2018-2020 <a href="https://prog-egypt.com">Prog Egypt</a>.</strong> All rights reserved.
  </footer>



  

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
  </aside>
  <!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->


<!-- <body >
<div class="all">
<div class="wrapper" >
        <nav id="sidebar" style="" >
            <div class="sidebar-header">
                <h3 style="color:white">prog egypt</h3>
            </div>

            <ul class="list-unstyled components" >
				
                <input type="text" class="form-control" style="background-color: none;" onchange="global_cus_info()" id="get_info_cus_1"/>
                <p onclick="page_index()" style="font-size:28px;color:white"><a href="#">الصفحة الرئيسية</a></p>
                <li class="c_1">
                    <a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">الموظفين</a>
                    <ul class="collapse list-unstyled" id="homeSubmenu">
                        <li>
                            <a onclick="type_1(0)" href="#">الوظائف</a>
                        </li>
                        <li>
                            <a onclick="type_1(1)" href="#">الفروع</a>
                        </li>
                        <li>
                            <a onclick="emp()" href="#">الموظفين</a>
                        </li>
                        <li>
                            <a onclick="pos_emp()" href="#">حضور الموظفين</a>
                        </li>
                    </ul>
                </li>

                <li class="cus" >
                    <a href="#cus" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">العملاء</a>
                    <ul class="collapse list-unstyled" id="cus">
                        <li class="cus_c_1">
                            <a onclick="type_1(2)" href="#">المجاميع</a>
                        </li>
                        <li class="cus_c_1">
                            <a onclick="member();radio_btn(0);" href="#">الاشتراك</a>
                        </li>
                        <li>
                            <a onclick="cus()" href="#">بيانات العملاء</a>
                        </li class="c_4">
                        <li>
                            <a onclick="pos()" href="#">تحضير العملاء</a>
                        </li>
                    </ul>
                </li>
                
                <li class="ads" >
                    <a href="#ads" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">الدعايا</a>
                    <ul class="collapse list-unstyled" id="ads">
                        <li class="cus_c_1">
                            <a onclick="sales_ads()" href="#">السيلز</a>
                        </li>
                        <li>
                            <a onclick="area()" href="#">المناطق</a>
                        </li >
                        <li>
                            <a onclick="ads('s')" href="#">الاعلانات</a>
                        </li >
                        <li>
                            <a onclick="ads_cus()" href="#">العملاء</a>
                        </li>
                    </ul>
                </li>
                <li class="pro">
                    <a href="#pro" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">المخزن</a>
                    <ul class="collapse list-unstyled" id="pro">
                        <li class="pro_c_1">
                            <a onclick="type_1(3)" href="#">الاقسام</a>
                        </li>
                        <li class="pro_c_1">
                            <a onclick="type_1(6)" href="#">الموردين</a>
                        </li>
                        <li>
                            <a onclick="pro()" href="#">الاصناف و المبيعات</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#exp" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">المصاريف و الايرادات</a>
                    <ul class="collapse list-unstyled" id="exp">
                        <li class="c_8">
                            <a onclick="type_1(4)" href="#">المصاريف</a>
                        </li>
                        <li class="c_9">
                            <a onclick="type_1(5)" href="#">الايرادات</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#rebort" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">التقارير</a>
                    <ul class="collapse list-unstyled" id="rebort">
                        <li class="c_10">
                            <a onclick="rebort(0)" href="#">حضور العملاء</a>
                        </li>
                        <li class="c_10">
                            <a onclick="rebort(1)" href="#">مديونية العملاء</a>
                        </li>
                        <li class="c_10">
                            <a onclick="rebort(16)" href="#">خصم العملاء</a>
                        </li>
                        <li class="c_10">
                            <a onclick="rebort(2)" href="#">العملاء تفصيلى</a>
                        </li>
                        <li class="c_10">
                            <a onclick="rebort(17)" href="#">الاعلانات</a>
                        </li>
                        <li class="c_1">
                            <a onclick="rebort(3)" href="#">تسجيل دخول الموظفين</a>
                        </li>
                        <li class="c_8">
                            <a onclick="rebort(4)" href="#">المصاريف</a>
                        </li>
                        <li class="c_11">
                            <a onclick="rebort(5)" href="#">الايرادات</a>
                        </li>
                        <li class="c_11">
                            <a onclick="rebort(6)" href="#">الخدمات</a>
                        </li>
                        <li class="c_11">
                            <a onclick="rebort(7)" href="#"> (العملاء)الاستلامات</a>
                        </li >
                        <li class="c_11">
                            <a onclick="rebort(8)" href="#">(الاقسام)الاستلامات</a>
                        </li>
                        <li class="c_13">
                            <a onclick="rebort(14)" href="#">مدخلات المخزن</a>
                        </li>
                        <li class="c_13">
                            <a onclick="rebort(9)" href="#">المبيعات</a>
                        </li>
                        <li class="c_12">
                            <a onclick="rebort(11)" href="#">الخزنة</a>
                        </li>
                        <li class="c_13">
                            <a onclick="rebort(12)" href="#">مبيعات (مفصل)</a>
                        </li>
                        <li class="c_1">
                            <a onclick="rebort(15)" href="#"> حضور الموظفين</a>
                        </li>

                    </ul>
                </li>
                <li class="c_14">
                    <a href="#sys" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">الاعدادات</a>
                    <ul class="collapse list-unstyled" id="sys">
                        <li>
                            <a onclick="sys(0)" href="#">حذف الاستلامات</a>
                        </li>
                        <li>
                            <a onclick="sys(1)" href="#">حذف المصاريف</a>
                        </li>
                        <li>
                            <a onclick="sys(2)" href="#">حذف الايرادات</a>
                        </li>
                        <li>
                            <a onclick="sys(3)" href="#">حذف الخدمات</a>
                        </li>
                        <li>
                            <a onclick="sys(4)" href="#">حذف المبيعات</a>
                        </li>
                        <li>
                            <a onclick="sys(5)" href="#">حذف تحضير عميل</a>
                        </li>
                        <li>
                            <a onclick="sys(6)" href="#">حذف كمية الاصناف</a>
                        </li>
                        <li>
                            <a onclick="sys(7)" href="#">اخذ نسخة احتياطية</a>
                        <li>
                            <a onclick="sys(8)" href="#">تغير الالوان</a>
                        </li>
                        <li>
                            <a onclick="sys(9)" href="#">تعديل بيانات عميل</a>
                        </li>
                        <li>
                            <a onclick="sys(10)" href="#">تغير وقت اليومية</a>
                        </li>
                    </ul>
                </li>

            </ul>
			<button type="button" onclick="$('#modal_design').modal('show')" style="cursor:pointer;border: none;height:50px" class="btn btn-primary btn-lg btn-block">الخلفيات</button>
			<br/>
			<center>
			<div style="display:inline;font-size:15px">
				<label>تثبيت القائمة</label>
				<input type="checkbox" id="nav_2" />
			</div>
			<br/>
			<div style="display:inline;font-size:15px">
				<label>تفعيل وضع الالوان السريع</label>
				<input type="checkbox" id="nav_3" />
			</div>
			<br/>
			<div style="display:inline;font-size:15px">
				<label>تفعيل Shift</label>
				<input type="checkbox" id="nav_4" />
			</div>
			<br/>
			<div style="display:inline;font-size:15px">
				<label>تفعيل Ctrl</label>
				<input type="checkbox" id="nav_5" />
			</div>
			</center>
        </nav>
        <div id="content">
            <nav id="nav2" class="navbar navbar-expand-lg navbar-light bg-light row" style="opacity:0.8">
                <div class="container-fluid">

                    <button type="button" id="sidebarCollapse" onclick="toggle_slider()" class="btn btn-info">
                        <i class="fas fa-align-left"></i>
                        <span></span>
                    </button>
                    <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fas fa-align-justify"></i>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
					
                        <ul class="nav navbar-nav ml-auto d-inline">
						<center>
								<div style="display:inline">
								<label>تثبيت القائمة</label>
								<input type="checkbox" id="nav_1" />
								</div>
                                <h1 class="btn btn-info "  id="name_index_page">
								</h1>	
								<h1 class="btn btn-success " onclick="openFullscreen()">
											تكبير الشاشة
								</h1>	
                                <h1 class="btn btn-success" onclick="pos()" >تحضير العملاء</h1>
            
                                <h1 class="btn btn-success" onclick="cus(0)"   >بيانات العملاء</h1>
                                 <h1 class="btn btn-success" onclick="cus_end()"   >العملاء المنتهون </h1>

                                <h1 class="btn btn-danger" onclick="logout()">تسجيل الخروج</h1>

                            <h1 class="btn btn-success" onclick="get_today()" id="ul_date"></h1>
						</center>
                        </ul>
                    </div>
                </div>
            </nav>
			<div class="container">
			<div id="pg_body">      


        	</div>
			</div>
            </div>
</div>
</div>
<div onclick="open_emp_set()" class="d-hotline h-btn animated zoomIn faster" style="background-color:black" tabindex="0" role="button" data-ember-action="" data-ember-action-4="4">
  <div class="chat-content" aria-label="Chat">
    <i style="" class="fas fa-cog"></i>
  </div>
    <div class=" ">
      <span aria-hidden="true">
        
      </span>
    </div>
</div> -->
<script>

function toggle_slider()
{
    $('#sidebar').toggleClass('active');
}
var date_today = "<?php echo date("Y-m-d") ?>";
</script>
<script type="text/javascript" src="webcamjs/webcam.min.js"></script>
<script src="./js/script.js"></script>
<script src="./js/type_1.js"></script>
<script src="./js/emp.js"></script>
<script src="./js/cus.js"></script>
<script src="./js/member.js"></script>
<script src="./js/pro.js"></script>
<script src="./js/pos.js"></script>
<script src="./js/rebort.js"></script>
<script src="./js/sys.js"></script>


<?php include("model.php");?>
<?php include("include_footer.php");?>
</body>
</html>