<!-- modal add type 1 -->
<div class="modal fade bd-example-modal-lg" id="modal_type_1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">اضافة</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <div class="form-group">
            <label id="label_type_1" class="col-form-label"></label>
            <input type="text" class="form-control" id="name_type_1" autocomplete="off">
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_type_1()">حفظ</button>
      </div>
    </div>
  </div>
</div>
<!-- end modal type 1 -->

<!-- modal desien -->
<div class="modal fade bd-example-modal-lg" id="modal_design" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">اختار التصميم</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
	  <ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home1" role="tab" aria-controls="home" aria-selected="true">الصور</a>
  </li>
  <li class="nav-item" >
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile1" role="tab" aria-controls="profile" aria-selected="false">الالوان</a>
  </li>

</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade active" id="home1" role="tabpanel" aria-labelledby="home-tab">
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/b.png')" style="background: url('./assets/img/b.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bb.png')" style="background: url('./assets/img/bb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bbb.png')" style="background: url('./assets/img/bbb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bbbb.png')" style="background: url('./assets/img/bbbb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bbbbb.png')" style="background: url('./assets/img/bbbbb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bbbbbb.png')" style="background: url('./assets/img/bbbbbb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/bbbbbbb.png')" style="background: url('./assets/img/bbbbbbb.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_img('./assets/img/b1.png')" style="background: url('./assets/img/b1.png') no-repeat;cursor:pointer;border: none;height:250px;width:30%"></button>

  </div>
  <div class="tab-pane fade" id="profile1" role="tabpanel" aria-labelledby="profile-tab">
  		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('red')" style="background-color:red; cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('skyblue')" style="background-color:skyblue; cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('black')" style="background-color:black;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('yellow')" style="background-color:yellow;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Aquamarine')" style="background-color:Aquamarine;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Cornsilk')" style="background-color:Cornsilk;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('DarkGoldenRod')" style="background-color:DarkGoldenRod;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('DarkTurquoise')" style="background-color:DarkTurquoise;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('YellowGreen')" style="background-color:YellowGreen; cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Tomato')" style="background-color:Tomato; cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SlateGrey')" style="background-color:SlateGrey;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SlateBlue')" style="background-color:SlateBlue;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SaddleBrown')" style="background-color:SaddleBrown;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('RebeccaPurple')" style="background-color:RebeccaPurple;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('RosyBrown')" style="background-color:RosyBrown;cursor:pointer;border: none;height:150px;width:22%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('LightPink')" style="background-color:LightPink;cursor:pointer;border: none;height:150px;width:22%"></button>
  </div>
</div>
	  </div>
    </div>
  </div>
</div>
<!-- modal member -->
<div class="modal fade bd-example-modal-lg" id="modal_member" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">اضافة</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
			<div class="radio">
			  <label><input type="radio" id="r1" name="optradio" onclick="radio_btn(0)" checked>عدد</label>
			</div>
			<div class="radio">
			  <label><input type="radio" id="r2" name="optradio" onclick="radio_btn(1)">تاريخ</label>
			</div>
			<div class="radio">
			  <label><input type="radio" id="r3" name="optradio" onclick="radio_btn(2)">العدد و التاريخ</label>
			</div>
      <div class="form-group">
          <label for="StoreName">القسم</label>
				<select id="id_cata_memebr" class="form-control"></select>
			</div>
      <div class="form-group">
         <label for="StoreName">اسم الاشتراك *</label>
         <input type="text"  class="form-control" id="name_member"  autocomplete="off" >
      </div>
		  <div class="form-group" id="count_div">
          <label for="StoreName">عدد الحصص</label>
          <input type="number"  class="form-control" id="count_member"   autocomplete="off" >
        </div>
      <div class="form-group" id="date_div">
        <label for="StoreName">التاريخ</label>
          <select id="date_member" class="form-control">
            <option value="0">يوم</option>
            <option value="1">اسبوع</option>
            <option value="7">اسبوعين</option>
            <option value="9">3 اسابيع</option>
            <option value="2">شهر</option>
            <option value="10">شهر و نصف</option>
            <option value="8">شهرين</option>
            <option value="4">شهر 3</option>
            <option value="11">4</option>
            <option value="12">شهر 5</option>
            <option value="5">6 شهر</option>
            <option value="13">7 شهر</option>
            <option value="14">8 شهر</option>
            <option value="6">9 شهر</option>
            <option value="15">10 شهر</option>
            <option value="16">11 شهر</option>
            <option value="3">سنة</option>
          </select>
      </div>
      <div class="form-group" id="price_div">
        <label for="StoreName">السعر</label>
        <input type="number"  class="form-control" id="price_member"  value="0" autocomplete="off" required>
      </div>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_member()">حفظ</button>
      </div>
    </div>
  </div>
</div>
<!-- end modal member -->

<!-- add emp Modal -->
<div class="modal fade bd-example-modal-lg" id="model_emp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">اضافة موظف</h4>
      </div>
      <div class="modal-body">
            <div class="form-group">
                <label for="StoreName">اسم الموظف*</label>
                <input type="text" class="form-control" id="name_emp"   autocomplete="off" >
            </div>
            <div class="form-group">
                <label for="StoreName">كود الموظف</label>
                <input type="text" class="form-control" id="code_emp"   autocomplete="off" >
            </div>
		    <div class="form-group">
                <label for="sel1"> الوظيفة</label>
                <select class="form-control" id="id_job_emp">
                </select>
            </div>
		    <div class="form-group">
                <label for="sel1"> الفرع</label>
                <select class="form-control" id="id_branch_emp">
                </select>
            </div>
			<div class="form-group">
				<input type="radio" onclick="radio_check(3)" id="radio_web_emp" aria-label="Radio button for following text input" >موظف فقط
				<input type="radio" onclick="radio_check(2)" id="radio_Nweb_emp" style="margin-left:30px;">تسجيل دخول
			</div>
			<div id="web_emp">
			  <div class="form-group">
                <label >اسم المستخدم</label>
                <input type="text"  class="form-control" id="username_emp"   autocomplete="off" required>
              </div>
			  <div class="form-group">
                <label >كلمة السر</label>
                <input type="text"  class="form-control" id="password_emp"   autocomplete="off" required>
              </div>			  
			</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_emp()">حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- end model emp -->


<!-- add pro Modal -->
<div class="modal fade bd-example-modal-lg" id="model_pro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">اضافة صنف</h4>
      </div>
      <div class="modal-body">
            <div class="form-group">
             <label for="StoreName">اسم الصنف  *</label>
             <input type="text"  class="form-control" id="name_pro" autocomplete="off">
           </div>
           <div class="form-group">
            <label>اسم القسم *</label>
            <select class="form-control" id="id_cat_pro">
            </select>
           </div>
           <div class="form-group">
            <label>اسم المورد *</label>
            <select class="form-control" id="id_sup_pro">
            </select>
           </div>
            <div class="form-group">
             <label>سعر الصنف  *</label>
             <input type="number" step="any"  class="form-control" id="price_pro" >
           </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_pro()">حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- /. end pro Modal -->

<!-- model input discouunt in cus -->
<div class="modal fade bd-example-modal-lg" id="discount_pro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
          <table class="table">
            <thead>
                <td>#</td>
                <td>التاريخ</td>
                <td>المبلغ</td>
            </thead>
            <tbody id="body_discount_table">

            </tbody>
          </table>
           <div class="form-group">
            <label>المتبقى</label>
            <input type="number"  min = "0" readonly class="form-control" id="stay_cus_discount_cus" >
          </div>
          <div class="form-group">
            <label>الخصم</label>
            <input type="number" value="0"  min = "0" oninput="change_discount_cus()"  class="form-control" id="discount_cus" >
          </div>
          <div class="form-group">
            <label>الاجمالي بعد الخصم</label>
            <input type="number"  min = "0" readonly  class="form-control" id="after_discount_cus" >
          </div>
          <div class="form-group">
            <label>الملاحظات</label>
            <textarea  class="form-control" row="5" id="comment_discount_cus" ></textarea>
          </div>

		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="discount_cus_go()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->


<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="i_pro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>عدد الكمية *</label>
            <input type="number"  min = "0"  class="form-control" id="i_c_pro" >
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="in_pro()" >ادخال الى المخزن</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->


<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_cus_inv" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>اسم العميل</label>
            <input type="text"  class="form-control" id="name_cus_inv" >
          </div>

          <div class="form-group">
            <label>رقم الهاتف</label>
            <input type="text"  class="form-control" onchange="phone_inv_check()" id="phone_cus_inv" >
          </div>

          <div class="form-group">
            <label>اسم الداعي</label>
            <input type="text"   class="form-control" id="name_inv_inv" >
          </div>

          <div class="form-group">
            <label>الملاحظات</label>
            <textarea  class="form-control" id="comment_cus_inv" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_inv_cus()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->



<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_sales_ads" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>اسم السيز</label>
            <input type="text"  class="form-control" id="name_sales_ads" >
          </div>

          <div class="form-group">
            <label>رقم الهاتف</label>
            <input type="text"  class="form-control"  id="phone_sales_ads" >
          </div>

          <div class="form-group">
            <label>الملاحظات</label>
            <textarea  class="form-control" id="comment_sales_ads" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_sales_ads()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->

<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_ads_start" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>اسم الحمله</label>
            <input type="text"  class="form-control" id="name_ads_stat" >
          </div>

          <div class="form-group">
            <label>التكلفه</label>
            <input type="text"  class="form-control"  id="mony_ads_stat" >
          </div>

          <div class="form-group">
            <label>الاستهداف</label>
            <textarea  class="form-control" id="comment_ads_stat" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_ads_stat()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->


<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_massage_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
          <div class="form-group">
            <label>الرساله</label>
            <textarea  class="form-control" id="massage_cus" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_massage_cus()" >حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->


<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_fraze_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
          <div class="form-group">
            <label>باقي ايام الاشتراك</label>
            <input readonly type="text"  class="form-control" id="stay_fraze" />
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_fraze_cus()" >تاكيد</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->

<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_return_fraze_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
          <div class="form-group">
            <label>باقي ايام الاشتراك</label>
            <input  type="number" onchange="cahneh_fraze_stay()" class="form-control" id="stay_fraze_cus" />
          </div>
          <div class="form-group" style="display:none">
            <label></label>
            <input  type="number"  class="form-control" id="stay_fraze_cus_ro" />
          </div>
          <div class="form-group">
            <label>تاريخ التوقف</label>
            <input  type="text"  class="form-control" readonly id="date_fraze_cus" />
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_return_fraze_cus()" >اعادة</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->

<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_ads" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>اسم البوست</label>
            <input type="text"  class="form-control" id="name_ads" >
          </div>

          <div class="form-group">
            <label>الرقم التعريفي</label>
            <input type="text"  class="form-control"  id="none_ads" >
          </div>
          <div class="form-group">
            <label>المنصه</label>
            <select class="form-control"  id="paltform_ads" >
              <option value="0">facebook</option>
              <option value="1">instagram</option>
              <option value="2">tiktok</option>
              <option value="3">google</option>

            </select>
          </div>
          <div class="form-group">
            <label>الملاحظات</label>
            <textarea  class="form-control" id="comment_ads" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_ads()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->


<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="modal_cus_ads" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>اسم العميل</label>
            <input type="text"  class="form-control" id="name_cus_ads" >
          </div>

          <div class="form-group">
            <label>الهاتف</label>
            <input type="text"  class="form-control"  id="phone_cus_ads" >
          </div>
          <div class="form-group">
            <label>البوست</label>
            <select class="form-control"  id="post_cus_ads" >

            </select>
          </div>
          <div class="form-group">
            <label>الملاحظات</label>
            <textarea  class="form-control" id="comment_cus_ads" ></textarea>
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_cus_ads()" >اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->



<!-- model out pro from stock-->
<div class="modal fade bd-example-modal-lg" id="o_pro" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
            <div class="form-group">
             <label for="StoreName">اسم الصنف</label>
             <input type="text"  class="form-control" id="name_o_pro" readonly>
           </div>
           <div class="form-group">
            <label for="StoreName">عدد الكمية *</label>
            <input type="number" min="0" oninput="count_pro_c()"  class="form-control" id="o_c_pro" >
          </div>
          <div class="form-group">
           <label for="StoreName">السعر قبل الخصم *</label>
           <input type="number" step="any"   class="form-control" id="o_p_pro" readonly>
         </div>
         <div class="form-group">
          <label class="radio-inline"><input type="radio" onchange="radio_c(0)" name="optradio" checked>%</label>
          <label class="radio-inline"><input type="radio" onchange="radio_c(1)" name="optradio">$</label>
        </div>
         <div class="form-group"  id="tax_1">
          <label for="StoreName">الخصم %</label>
          <input type="number" step="any" min="0" max="100" oninput="count_pro_c()"  class="form-control" id="s_m_pro" >
         </div>
         <div class="form-group" id="tax_2">
          <label for="StoreName">الخصم $</label>
          <input type="number" step="any" min="0" value="0" oninput="count_pro_c_1()"  class="form-control" id="s_m_pro_1" >
         </div>

        <div class="form-group">
         <label for="StoreName">السعر بعد الخصم</label>
         <input type="number" step="any" min="0"   class="form-control" id="total_pro" readonly>
       </div>
       <div class="form-group">
         <label for="comment">الملاحظات :</label>
         <textarea class="form-control" rows="5" id="comment_pro"></textarea>
       </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="save_o_pro()" class="btn btn-success">اتمام</button>
      </div>
   </div>
 </div>
</div>
<!-- end model out pro from stock -->


<!-- start modal mony exp && inp -->
<div class="modal fade bd-example-modal-lg" id="modal_mony" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">الماليات</h4>
      </div>
      <div class="modal-body">
	    	<div class="form-group">
				<label for="StoreName">القيمة</label>
				<input type="number"  class="form-control" id="value_mony">
		    </div>
        <div class="form-group">
          <label>الاشتراك</label>
          <select id="select_member_mony" class="form-control"></select>
        </div>
        <div class="form-group">
				<label for="StoreName">التاريخ</label>
				<input type="date"  class="form-control" id="date_mony">
		    </div>
			<div class="form-group">
			  <label for="comment">سبب  :</label>
			  <textarea class="form-control" rows="5" id="commant_mony"></textarea>
			</div>

		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="save_mony()" class="btn btn-success">حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- end modal mony exp && inp -->
<!-- start img cus model -->
<div class="modal fade bd-example-modal-lg" id="modal_img_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
        <div class="row col-12">
        <div class ="col-6">
            <div id="old_img"></div>
            <center><h3>الصورة القديمة</h3></center>
        </div>
        <div class ="col-3">
          <div id="my_camera"></div>
          <center>
            <input type="button" value="التقاط الصورة" onClick="take_snapshot()" class="btn btn-success"/>
          </center>
        </div>
        <div class ="col-3">
           <div id="results" ></div>
           <center>
            <input type="button" value="حفظ الصورة" id="button_save" onClick="save_snapshot()" class="btn btn-success"/>
          </center>
        </div>
		  </div>
		  </div>
   </div>
 </div>
</div>
<!-- start model add&& update cus -->
<!-- update store Modal -->
<div class="modal fade bd-example-modal-lg" id="model_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
            <div class="form-group">
             <label for="">اسم العميل *</label>
             <input type="text"  class="form-control" id="name_cus" autocomplete="off">
           </div>
		   <div class="form-group">
             <label for="">رقم الهاتف</label>
             <input type="text"  class="form-control" id="phone_cus"   autocomplete="off" >
       </div>
       <div class="form-group">
         <label>عدد مرات الحضور</label>
         <select class="form-control" id="cus_stop">
           <option value="0">مرة واحدة فى اليوم</option>
           <option value="1">عدد لا نهائى</option>
         </select>
       </div>
		   <div class="form-group" id="scanner_div1">
             <label for="">الرقم المسلسل</label>
             <input type="text"  class="form-control" id="number_cus" onchange="check_scanner()"   autocomplete="off" required>
      </div>
      <div class="form-group">
          <label for="">نوع الاشتراك</label>
          <select class="form-control" id="id_member_cus"> </select>
      </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="save_cus()" class="btn btn-success">حفظ</button>
      </div>
    </div>
 </div>
</div>
<!-- end cus add&& update model -->


<!-- start model get_mony -->
<div class="modal fade bd-example-modal-lg" id="mony_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">استلام نقدية</h4>
      </div>
      <div class="modal-body">
		   <div class="form-group">
             <label for="">المبلغ المستلم</label>
             <input type="number" step="any" oninput="change_input_mony()"   class="form-control" id="mony_input" autofocus value="0">
           </div>
		  <div class="form-group" >
			 <label for="">المتبقى</label>
			 <input type="number" step="any"  readonly  class="form-control" id="stay_mony"   autocomplete="off" required>
		   </div>
		  <div class="form-group">
			 <label for="">الاجمالى</label>
			 <input type="number" step="any" readonly   class="form-control" id="all_mony"   autocomplete="off" required>
		   </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="save_mony_cus()" class="btn btn-success">حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- end model cus mony -->
<!-- model start servise -->
<div id="service_cus"  class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">خدمات اضافية</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		<div class="form-group">
			<label>القيمة</label>
			<input type="number" step="any" id="mony_ser" class="form-control"/>
		</div>
		<div class="form-group">
			<label>الخدمة</label>
			<textarea id="text_ser" class="form-control" rows="5">
			</textarea>
		</div>
      </div>
      <div class="modal-footer">
        <button type="button" onclick="save_ser()" class="btn btn-success"   >اتمام</button>
        <button type="button" class="btn btn-danger"  data-dismiss="modal">اغلاق</button>
      </div>
    </div>
  </div>
</div>
<!-- end modal service -->
<div class="modal fade bd-example-modal-lg" id="rebort1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
          <div class="row col-12">
              <div class="form-group col-6">
                   <label>البداية</label>
                   <input type="date" id="start_date" class="form-control date" />
              </div>
              <div class="form-group col-6">
                  <label>النهاية</label>
                   <input type="date" id="end_date" class="form-control date" />
              </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" onclick="get_rebort()" class="btn btn-success"   >الحصول على التقرير</button>
        <button type="button" class="btn btn-danger"  data-dismiss="modal">اغلاق</button>
      </div>
   </div>
 </div>
</div>


<div class="modal fade bd-example-modal-lg" id="c_emp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">صلاحيات </h4>
      </div>
      <div class="modal-body">
		<!-- <label class="checkbox-inline"><input type="checkbox" id ="c_1" value="">الموظفين</label><br/><hr style="border-color:black"/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_2" value="">اضافة + تعديل العملاء</label>
		<label class="checkbox-inline"><input type="checkbox" id ="c_3"value="">الاستلام + التجديد</label>
		<label class="checkbox-inline"><input type="checkbox" id ="c_4" value="">تحضير العملاء</label>
    <br/><hr style="border-color:black"/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_5"value="">اضافة + تعديل الاصناف</label>
		<label class="checkbox-inline"><input type="checkbox" id ="c_6" value="">ادخال الصنف</label><br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_7" value="">اخراج الصنف</label>
    <hr style="border-color:black"/>
    <br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_8" value="">المصاريف</label><br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_9" value="">الايرادات</label><br/>
		<hr style="border-color:black"/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_10" value="">تقارير العملاء</label><br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_11" value="">تقارير الاستلامات</label><br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_12" value="">تقارير الخزنة</label><br/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_13" value="">تقرير المبيعات</label><br/>
		<hr style="border-color:black"/>
		<label class="checkbox-inline"><input type="checkbox" id ="c_14" value="">الاعدادات</label><br/>	 -->

    <h1 class="btn btn-success">الموظفين</h1>

      <div class="row" style="padding-left:40px">
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_1">
        <label class="custom-control-label" for="c_1">اضافة موظف</label>
      </div>
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_2">
        <label class="custom-control-label" for="c_2">تعديل الموظف + حذف</label>
      </div>
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_3">
        <label class="custom-control-label" for="c_3">الصلاحيات</label>
      </div>
      </div>
      <br/>
      <h1 class="btn btn-success" >التكويدات</h1>
      <div class="row" style="padding-left:40px">
      <div class="custom-control col-sm-6 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_4">
        <label class="custom-control-label" for="c_4">الوظائف - الفروع - المجاميع</label>
      </div>


      </div>
<br/>
      <h1 class="btn btn-success" >انظمة الاشتراكات</h1>

      <div class="row" style="padding-left:40px">
      <div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_5">
        <label class="custom-control-label" for="c_5">الاضافة</label>
      </div>
      <div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_6">
        <label class="custom-control-label" for="c_6">التعديل</label>
      </div>

      <div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_7">
        <label class="custom-control-label" for="c_7">الحذف</label>
      </div>
      </div>

      <br/>

      <h1  class="btn btn-success" >العملاء</h1>

      <div class="row" style="padding-left:40px">

      <div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_8">
        <label class="custom-control-label" for="c_8">اضافه</label>
      </div>


      <div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_9">
        <label class="custom-control-label" for="c_9">تعديل</label>
      </div>
      
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_10">
        <label class="custom-control-label" for="c_10">حذف</label>
      </div>    
      
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_11">
        <label class="custom-control-label" for="c_11">ماليات</label>
      </div> 
      <br/>
      <br/>
      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_12">
        <label class="custom-control-label" for="c_12">الخصم</label>
      </div> 


      <div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
        <input type="checkbox" class="custom-control-input" id="c_13">
        <label class="custom-control-label" for="c_13">تعديل الأشتراك</label>
      </div> 

      </div>

      <br/>

<h1  class="btn btn-success" >المخزن</h1>

<div class="row" style="padding-left:40px">

<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_14">
  <label class="custom-control-label" for="c_14">اضافه</label>
</div>


<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_15">
  <label class="custom-control-label" for="c_15">تعديل + حذف</label>
</div>

<div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_16">
  <label class="custom-control-label" for="c_16">ادخال</label>
</div>    

<div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_17">
  <label class="custom-control-label" for="c_17">اخراج</label>
</div> 



</div>



<br/>

<h1  class="btn btn-success" >التقارير</h1>

<div class="row" style="padding-left:40px">

<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_19">
  <label class="custom-control-label" for="c_19">العملاء</label>
</div>


<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_20">
  <label class="custom-control-label" for="c_20">مبيعات </label>
</div>

<div class="custom-control col-sm-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_21">
  <label class="custom-control-label" for="c_21">خزنه</label>
</div>    




</div>



<br/>

<h1  class="btn btn-success" >المصاريف و الايرادات</h1>

<div class="row" style="padding-left:40px">

<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_18">
  <label class="custom-control-label" for="c_18">اخراج</label>
</div>






</div>


<br/>

<h1  class="btn btn-success" >الاعدادات</h1>

<div class="row" style="padding-left:40px">

<div class="custom-control col-3 custom-switch custom-switch-off-danger custom-switch-on-success">
  <input type="checkbox" class="custom-control-input" id="c_22">
  <label class="custom-control-label" for="c_22">تفعيل</label>
</div>






</div>


    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="save_emp_acc()" class="btn btn-succes">حفظ</button>
      </div>
   </div>
 </div>
</div>



<!-- start modal mony exp && inp -->
<div class="modal fade bd-example-modal-lg" id="login_emp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">login</h4>
      </div>
      <div class="modal-body">
			<center>
				<img src="./images/a1.png" style="width:50%;height:250px" class="card-img-top">
			</center>
	    	<div class="form-group">
				    <label for="StoreName">اسم المستخدم</label>
				    <input type="text"  class="form-control" id="username_login">
		    </div>
	    	<div class="form-group">
				    <label for="StoreName">كلمة السر</label>
				    <input type="password"  class="form-control" id="password_login">
		    </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" onclick="end()" data-dismiss="modal">الغاء</button>
        <button type="button" onclick="login()" class="btn btn-success">تسجيل الدخول</button>
      </div>
   </div>
 </div>
</div>
<!-- end modal mony exp && inp -->

<!-- model input pro in stock -->
<div class="modal fade bd-example-modal-lg" id="i_pro_sys" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>عدد الكمية *</label>
            <input type="number"  min = "0"  class="form-control" id="i_c_pro_sys" >
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="in_pro_sys()" >ادخال الى المخزن</button>
      </div>
   </div>
 </div>
</div>
<!-- end model input pro -->

<div class="modal fade bd-example-modal-lg" id="sys_mode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
      <div class="radio">
          <label><input type="radio" onclick="save_mode_sys(0)"   id="mode_1" name="optradio" >الوضع النهارى</label>
          </div>
          <div class="radio">
            <label><input type="radio" onclick="save_mode_sys(1)" id="mode_2" name="optradio">الوضع الليلى</label>
          </div>
          <hr/>
		  </div>

   </div>
 </div>
</div>
<!-- end model -->

<div class="modal fade bd-example-modal-lg" id="change_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>الحصص المتبقية</label>
            <input type="number"  min = "0"  class="form-control" id="c_chaneg" >
          </div>
          <div class="form-group">
            <label>الاموال المتبقية</label>
            <input type="number"  min = "0"  class="form-control" id="m_change" >
          </div>
		            <div class="form-group">
            <label>تاريخ التجديد</label>
            <input type="date"  class="form-control" id="d_change" >
          </div>
		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_change()" >حفظ</button>
      </div>
   </div>
 </div>
</div>
<!-- end model -->


<div class="modal fade bd-example-modal-lg" id="change_card" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>الرقم المسلسل</label>
            <input type="text"  class="form-control" id="card_cud_id" >
          </div>

		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_change_cus()" >حفظ</button>
      </div>
   </div>
 </div>
</div>


<div class="modal fade bd-example-modal-lg" id="change_date" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <label>تاريخ اليومية</label>
            <input type="date"   class="form-control" id="date_change" >
          </div>

		  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">الغاء</button>
        <button type="button" class="btn btn-success" onclick="save_change_date()" >حفظ</button>
      </div>
   </div>
 </div>
</div>


<div class="modal fade bd-example-modal-lg" id="view_cus" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">بيانات العميل</h4>
      </div>
      <div class="modal-body">
	  <ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">البيانات الاساسية</a>
  </li>
  <li class="nav-item" onclick="get_rev()">
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">اخر 10 تسجيلات</a>
  </li>
  <li class="nav-item" onclick="get_paid()">
    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">اخر 10 دفعات</a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade active" id="home" role="tabpanel" aria-labelledby="home-tab">
           <div class="form-group">
             <label for="StoreName">اسم العميل</label>
             <input type="text" readonly class="form-control" id="v_name"  autocomplete="off" required>
           </div>
           <div class="form-group">
             <label for="StoreName">رقم الكرت</label>
             <input type="text" readonly class="form-control" id="card_id"  autocomplete="off" required>
           </div>
		   <div class="form-group">
             <label for="StoreName">نوع الاشتراك</label>
             <input type="text" readonly class="form-control" id="v_type"   autocomplete="off" required>
           </div>
		   <div class="form-group" id="v_count_game">
             <label for="StoreName">باقى الاموال</label>
             <input type="text" readonly  class="form-control" id="v_mony"   autocomplete="off" required>
           </div>
		   <div class="form-group" id="date_end">
             <label for="StoreName">تاريخ التجديد</label>
             <input type="text" readonly  class="form-control" id="value_date_end"   autocomplete="off" required>
           </div>
  </div>
  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<table class="table tt1">
  <thead>
    <tr>
      <th scope="col">التاريخ</th>
    </tr>
  </thead>
  <tbody id="last_rev">

  </tbody>
</table>  
  </div>
  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
 <table class="table tt1">
  <thead>
    <tr>
      <th scope="col">التاريخ</th>
      <th scope="col">القيمة</th>
    </tr>
  </thead>
  <tbody id="last_paid">

  </tbody>
</table>
  </div>
</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">اغلاق</button>
      </div>
   </div>
 </div>
</div>



<div class="modal fade bd-example-modal-lg" id="img" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
           <div class="form-group">
            <img  class="form-control" id="img_modal_cus" >
          </div>
		  </div>
   </div>
 </div>
</div>

<div class="modal fade bd-example-modal-lg" id="rre" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"></h4>
      </div>
      <div class="modal-body">
      <table class="table ">
  <thead>
    <tr>
      <th scope="col">الاسم</th>
      <th scope="col">الكود</th>
      <th scope="col">الهاتف</th>
    </tr>
  </thead>
  <tbody id="rre_1">

  </tbody>
</table>
		  </div>
   </div>
 </div>
</div>


<div class="modal fade bd-example-modal-lg" id="emp_set" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
          <div class="form-group">
            <label for="StoreName">الاسم</label>
            <input type="text"  class="form-control" id="name_emp_set"  autocomplete="off" required>
          </div>
          <div class="form-group">
            <label for="StoreName">كلمة السر</label>
            <input type="text"  class="form-control" id="pass_emp_set"  autocomplete="off" required>
          </div>
          <hr/>
          <h3>الالوان</h3>
          <hr/>
          <button class="btn btn-primary btn-lg btn-inline" onclick="c_color('red')" style="background-color:red; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('skyblue')" style="background-color:skyblue; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('black')" style="background-color:black;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('yellow')" style="background-color:yellow;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Aquamarine')" style="background-color:Aquamarine;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Cornsilk')" style="background-color:Cornsilk;cursor:pointer;border: none;height:100px;width:15%"></button>

		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('DarkGoldenRod')" style="background-color:DarkGoldenRod;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('DarkTurquoise')" style="background-color:DarkTurquoise;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('YellowGreen')" style="background-color:YellowGreen; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Tomato')" style="background-color:Tomato; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SlateGrey')" style="background-color:SlateGrey;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SlateBlue')" style="background-color:SlateBlue;cursor:pointer;border: none;height:100px;width:15%"></button>

    <button class="btn btn-primary btn-lg btn-inline" onclick="c_color('DodgerBlue')" style="background-color:DodgerBlue;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('GoldenRod')" style="background-color:GoldenRod;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Ivory')" style="background-color:Ivory; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('LightPink')" style="background-color:LightPink; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Maroon ')" style="background-color:Maroon ;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('LimeGreen')" style="background-color:LimeGreen;cursor:pointer;border: none;height:100px;width:15%"></button>
 
    <button class="btn btn-primary btn-lg btn-inline" onclick="c_color('OliveDrab')" style="background-color:OliveDrab;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('SlateBlue')" style="background-color:SlateBlue;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Chocolate')" style="background-color:Chocolate; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('White')" style="background-color:White; cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Maroon ')" style="background-color:Maroon ;cursor:pointer;border: none;height:100px;width:15%"></button>
		<button class="btn btn-primary btn-lg btn-inline" onclick="c_color('Chartreuse')" style="background-color:Chartreuse;cursor:pointer;border: none;height:100px;width:15%"></button>
 
		  </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">اغلاق</button>
        <button type="button" class="btn btn-default" onclick="save_emp_set()" >حفظ</button>
      </div>
   </div>
 </div>
</div>