<?php
$permission  = explode(',',$_SESSION['permission_id']);
if(!in_array(22,$permission) && !in_array(1,$permission)  ){

?>
<script>
window.location="starter.php";
</script>
<?php
}
?>


<style >
	tfoot {
    display: table-header-group !important;
	}

	td{
	text-align: center !important;
	}
	th{
	text-align: center !important;
	}

	textarea{
	height: 38px !important;
	resize: none;
	}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 5px;

    }

    .badge:empty{
    	display: initial;
    }

    .btn_add_item{
    	padding: 0px 0px;
    }

    .bootstrap-select.btn-group .btn .filter-option{
    	text-align: center;
    }

    input[type="checkbox"] {
    	margin: -8px 0 0;
    	
    	line-height: normal;
	}

	.radio label, .checkbox label {
    	padding-right: 85px;
	}

	.radio label, .checkbox label {
    	min-height: 20px;
    	/*padding-right: 20px;*/
    	margin-bottom: 20px;
    	font-weight: normal;
    	cursor: pointer;
	}

	.dataTable {
        font-size: 12px;
	}

</style>




<div id="show_payments_modal" class="modal fade" style="display: none;">
		<div class="modal-dialog modal-lg">
		<form class="form-horizontal"  name="show_payments_form" method="post" id="show_payments_form" enctype="multipart/form-data">
			<input type="hidden" id="access_token" name="access_token"  value="">

			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><i class="icon-cross"></i></button>
					<h4 class="modal-title multi_lang">عرض خلاصة حسابات الزبون</h4>
				</div>
				<div id="invoce_html_pay">
					<div class="modal-body" >
							<input type="hidden" name="inv_numb" id="inv_numb">
							<div id="invoice_show">
								<!-- Borderless table -->


								<!-- /borderless table -->
							</div>
					</div>
				</div>
				<div class="modal-footer">
					<div id="link_pdf_pay"></div>
					<button type="submit" class="btn btn-labeled btn-labeled-left heading-btn btn-primary " id="pdf_pay"><span class="multi_lang">توليد  PDF</span>  <b><i class="icon-file-pdf"></i></b>
					</button>
					<button type="submit" class="btn btn-labeled btn-labeled-left heading-btn btn-success " id="print_pay"><span class="multi_lang">طباعة</span>  <b><i class=" icon-printer2"></i></b>
					</button>
					<button type="button" class="btn btn-warning multi_lang" data-dismiss="modal"> اغلاق
					</button>
				</div>
			</div>
		</form>
	</div>
</div>


<div id="add_hours_modal" class="modal fade" >
	<div class="modal-dialog modal-lg">
		<form class="form-horizontal" method="post" id="add_form" enctype="multipart/form-data">
					
				
				<input type="hidden" id="employe_id_fk" name="employe_id_fk"  value="">
				<input type="hidden" id="hour_transaction" name="hour_transaction"  value="">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><i class="icon-cross"></i></button>
					<h4 class="modal-title multi_lang" id="model_titles">اضافة </h4>
				</div>

				<div class="modal-body" >

					

					<div class="col-sm-12">

						

						<div class="form-group">


							<div class="form-group has-feedback has-feedback-left  col-sm-4">
								<label class="control-label animate multi_lang">تحديد السنة</label>
								
								<select name="year_id_fk" id="year_id_fk" class="form-control" required="required">
								
									<option value="" selected="selected">تحديد السنة</option>
									<option value="1" >2015</option>
									<option value="2" >2016</option>
									<option value="3" >2017</option>
									<option value="4" >2018</option>
									<option value="5" >2019</option>
									<option value="6" >2020</option>
									<option value="7" >2021</option>
									<option value="8" >2022</option>
									<option value="9" >2023</option>
									<option value="10" >2024</option>
									<option value="11" >2025</option>
									<option value="12" >2026</option>
									<option value="13" >2027</option>
									<option value="14" >2028</option>
									<option value="15" >2029</option>
									<option value="16" >2030</option>

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar2 text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left  col-sm-4">
								<label class="control-label animate multi_lang">تحديد الشهر</label>
								
								<select name="month_id_fk" id="month_id_fk" class="form-control" required="required">
								
									<option value="" selected="selected">تحديد الشهر</option>
									<option value="1" >كانون الثاني</option>
									<option value="2" >شباط</option>
									<option value="3" >اذار</option>
									<option value="4" >نيسان</option>
									<option value="5" >ايار</option>
									<option value="6" >حزيران</option>
									<option value="7" >تموز</option>
									<option value="8" >اب</option>
									<option value="9" >ايلول</option>
									<option value="10" >تشرين الاول</option>
									<option value="11" >تشرين الثاني</option>
									<option value="12" >كانون الاول</option>
									

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar52 text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left  col-sm-4" id="day_div">
								<label class="control-label animate multi_lang">تحديد اليوم</label>
								
								<select name="day_id_fk" id="day_id_fk" class="form-control" required="required">
								
									<option value="" selected="selected">تحديد اليوم</option>
									<option value="1" >يوم 1</option>
									<option value="2" >يوم 2</option>
									<option value="3" >يوم 3</option>
									<option value="4" >يوم 4</option>
									<option value="5" >يوم 5</option>
									<option value="6" >يوم 6</option>
									<option value="7" >يوم 7</option>
									<option value="8" >يوم 8</option>
									<option value="9" >يوم 9</option>
									<option value="10" >يوم 10</option>
									<option value="11" >يوم 11</option>
									<option value="12" >يوم 12</option>
									<option value="13" >يوم 13</option>
									<option value="14" >يوم 14</option>
									<option value="15" >يوم 15</option>
									<option value="16" >يوم 16</option>
									<option value="17" >يوم 17</option>
									<option value="18" >يوم 18</option>
									<option value="19" >يوم 19</option>
									<option value="20" >يوم 20</option>
									<option value="21" >يوم 21</option>
									<option value="22" >يوم 22</option>
									<option value="23" >يوم 23</option>
									<option value="24" >يوم 24</option>
									<option value="25" >يوم 25</option>
									<option value="26" >يوم 26</option>
									<option value="27" >يوم 27</option>
									<option value="28" >يوم 28</option>
									<option value="29" >يوم 29</option>
									<option value="30" >يوم 30</option>

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar3 text-muted"></i>
								</div>
							</div>
							
							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-4" id="hour_div">
								<label id="hour_lbl" class="control-label multi_lang">عدد الساعات</label>
								<input type="number" id="hours" name="hours" class="form-control multi_lang" placeholder=" عدد الساعات " required="required" >
								<div class="form-control-feedback">
									<i class="icon-watch text-muted"></i>
								</div>
							</div>

							

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-4" id="from_div">
								<label class="control-label multi_lang">من ساعة</label>
								
								<input type="text" id="time_in" name="time_in" class="form-control pickatime multi_lang" placeholder="من ساعة" required="required">
								
								<div class="form-control-feedback">
									<i class="icon-sort-time-asc text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-4" id="to_div">
								<label class="control-label multi_lang">الى ساعة</label>
								
								<input type="text" id="time_out" name="time_out" class="form-control pickatime multi_lang" placeholder="الى ساعة" required="required">
								<div class="form-control-feedback">
									<i class="icon-sort-time-desc text-muted" style="transform: rotate( -180deg ); "></i>
								</div>
							</div>

							

							<div class="form-group has-feedback has-feedback-left  col-sm-4" id="sub_div">
								<label class="control-label multi_lang">هل تستقطع من الراتب</label>
								<select name="is_subtracted" id="is_subtracted" class="form-control" required="required">
										<option class="multi_lang" value="" selected="selected">اختيار النوع</option>
										<option class="multi_lang"  value="0" >لا تستقطع من الراتب</option>
										<option class="multi_lang"  value="1" >نعم تستقطع من الراتب</option>
								</select>
								<div class="form-control-feedback">
									<i class="icon-coin-dollar text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-8">
								<label class="control-label multi_lang">الملاحظات</label>
								<input type="text" id="work_note" name="work_note" class="form-control multi_lang" placeholder="الملاحظات" >
								<div class="form-control-feedback">
									<i class="icon-info22 text-muted"></i>
								</div>
							</div>



						</div>

					</div>
				
				</div>
			
			<div class="modal-footer">
				<div class="text-right">
					<button type="submit" id="submit_add_btn" class="btn btn-primary btn-labeled btn-labeled-left">
						<span class="multi_lang">حفظ</span> <b><i class="icon-floppy-disk"></i></b>
					</button>
					<button type="button" class="btn btn-warning multi_lang" data-dismiss="modal"> اغلاق
					</button>
				</div>
			</div>
			</div>
			</form>
	</div>
</div>



<div id="query_modal" class="modal fade" >
	<div class="modal-dialog modal-lg">
		<form class="form-horizontal" method="post" id="query_form" enctype="multipart/form-data">
					
				
				<input type="hidden" id="employe_id_" name="employe_id_"  value="">
				<input type="hidden" id="operation" name="operation"  value="">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><i class="icon-cross"></i></button>
					<h4 class="modal-title multi_lang" id="query_titles"> عرض تفاصيل اوقات العمل والمكافئاة والغياب وجميع التفاصيل الاخرى </h4>
				</div>

				<div class="modal-body" >

					

					<div class="col-sm-12">

						

						<div class="form-group">


							<div class="form-group has-feedback has-feedback-left  col-sm-4">
								<label class="control-label animate multi_lang">تحديد السنة</label>
								
								<select name="year_id_" id="year_id_" class="form-control" >
								
									<option value="" selected="selected">تحديد السنة</option>
									<option value="1" >2015</option>
									<option value="2" >2016</option>
									<option value="3" >2017</option>
									<option value="4" >2018</option>
									<option value="5" >2019</option>
									<option value="6" >2020</option>
									<option value="7" >2021</option>
									<option value="8" >2022</option>
									<option value="9" >2023</option>
									<option value="10" >2024</option>
									<option value="11" >2025</option>
									<option value="12" >2026</option>
									<option value="13" >2027</option>
									<option value="14" >2028</option>
									<option value="15" >2029</option>
									<option value="16" >2030</option>

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar2 text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left  col-sm-4">
								<label class="control-label animate multi_lang">تحديد الشهر</label>
								
								<select name="month_id_" id="month_id_" class="form-control" >
								
									<option value="" selected="selected">تحديد الشهر</option>
									<option value="1" >كانون الثاني</option>
									<option value="2" >شباط</option>
									<option value="3" >اذار</option>
									<option value="4" >نيسان</option>
									<option value="5" >ايار</option>
									<option value="6" >حزيران</option>
									<option value="7" >تموز</option>
									<option value="8" >اب</option>
									<option value="9" >ايلول</option>
									<option value="10" >تشرين الاول</option>
									<option value="11" >تشرين الثاني</option>
									<option value="12" >كانون الاول</option>
									

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar52 text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left  col-sm-4" id="day_div">
								<label class="control-label animate multi_lang">تحديد اليوم</label>
								
								<select name="day_id_" id="day_id_" class="form-control" >
								
									<option value="" selected="selected">تحديد اليوم</option>
									<option value="1" >يوم 1</option>
									<option value="2" >يوم 2</option>
									<option value="3" >يوم 3</option>
									<option value="4" >يوم 4</option>
									<option value="5" >يوم 5</option>
									<option value="6" >يوم 6</option>
									<option value="7" >يوم 7</option>
									<option value="8" >يوم 8</option>
									<option value="9" >يوم 9</option>
									<option value="10" >يوم 10</option>
									<option value="11" >يوم 11</option>
									<option value="12" >يوم 12</option>
									<option value="13" >يوم 13</option>
									<option value="14" >يوم 14</option>
									<option value="15" >يوم 15</option>
									<option value="16" >يوم 16</option>
									<option value="17" >يوم 17</option>
									<option value="18" >يوم 18</option>
									<option value="19" >يوم 19</option>
									<option value="20" >يوم 20</option>
									<option value="21" >يوم 21</option>
									<option value="22" >يوم 22</option>
									<option value="23" >يوم 23</option>
									<option value="24" >يوم 24</option>
									<option value="25" >يوم 25</option>
									<option value="26" >يوم 26</option>
									<option value="27" >يوم 27</option>
									<option value="28" >يوم 28</option>
									<option value="29" >يوم 29</option>
									<option value="30" >يوم 30</option>

								</select>
								<div class="form-control-feedback">
									<i class="icon-calendar3 text-muted"></i>
								</div>
							</div>


						</div>

					</div>
				
				</div>
			
			<div class="modal-footer">
				<div class="text-right">
					<button type="submit" id="submit_query_btn" class="btn btn-primary btn-labeled btn-labeled-left">
						<span class="multi_lang">عرض</span> <b><i class="icon-enlarge"></i></b>
					</button>
					<button type="button" class="btn btn-warning multi_lang" data-dismiss="modal"> اغلاق
					</button>
				</div>
			</div>
			</div>
			</form>
	</div>
</div>


				<div class="row">
					
					
					<div class="col-sm-6 col-md-12">
						<div class="panel panel-body">
							<div class="media no-margin">
								<div class="media-body">
									
									<div class="col-sm-4">
										
									
										<label class="multi_lang">تحديد السنة</label>
										<select name="year_filter" id="year_filter" class=" col-sm-3" data-live-search="true">
											
											<option class="multi_lang" value="1">2015</option>
											<option class="multi_lang" value="2">2016</option>
											<option class="multi_lang" value="3">2017</option>
											<option class="multi_lang" value="4">2018</option>
											<option class="multi_lang" value="5">2019</option>
											<option class="multi_lang" value="6">2020</option>
											<option class="multi_lang" value="7">2021</option>
											<option class="multi_lang" value="8">2022</option>
											<option class="multi_lang" value="9">2023</option>
											<option class="multi_lang" value="10">2024</option>
											<option class="multi_lang" value="11">2025</option>
											<option class="multi_lang" value="12">2026</option>
											<option class="multi_lang" value="13">2027</option>
											<option class="multi_lang" value="14">2028</option>
											<option class="multi_lang" value="15">2029</option>
											<option class="multi_lang" value="16">2030</option>
											
										</select>

									</div>

									<div class="col-sm-4">
										
									
										<label class="multi_lang">تحديد الشهر</label>
										<select name="month_filter" id="month_filter" class=" col-sm-3" data-live-search="true">
											
											<option value="1" >كانون الثاني</option>
											<option value="2" >شباط</option>
											<option value="3" >اذار</option>
											<option value="4" >نيسان</option>
											<option value="5" >ايار</option>
											<option value="6" >حزيران</option>
											<option value="7" >تموز</option>
											<option value="8" >اب</option>
											<option value="9" >ايلول</option>
											<option value="10" >تشرين الاول</option>
											<option value="11" >تشرين الثاني</option>
											<option value="12" >كانون الاول</option>
											
										</select>

									</div>

									<div class="col-sm-4">
										
									
										<label class="multi_lang">تحديد اليوم</label>
										<select name="day_filter" id="day_filter" class=" col-sm-3" data-live-search="true">
											
											<option value="" selected="selected">تحديد اليوم</option>
											<option value="1" >يوم 1</option>
											<option value="2" >يوم 2</option>
											<option value="3" >يوم 3</option>
											<option value="4" >يوم 4</option>
											<option value="5" >يوم 5</option>
											<option value="6" >يوم 6</option>
											<option value="7" >يوم 7</option>
											<option value="8" >يوم 8</option>
											<option value="9" >يوم 9</option>
											<option value="10" >يوم 10</option>
											<option value="11" >يوم 11</option>
											<option value="12" >يوم 12</option>
											<option value="13" >يوم 13</option>
											<option value="14" >يوم 14</option>
											<option value="15" >يوم 15</option>
											<option value="16" >يوم 16</option>
											<option value="17" >يوم 17</option>
											<option value="18" >يوم 18</option>
											<option value="19" >يوم 19</option>
											<option value="20" >يوم 20</option>
											<option value="21" >يوم 21</option>
											<option value="22" >يوم 22</option>
											<option value="23" >يوم 23</option>
											<option value="24" >يوم 24</option>
											<option value="25" >يوم 25</option>
											<option value="26" >يوم 26</option>
											<option value="27" >يوم 27</option>
											<option value="28" >يوم 28</option>
											<option value="29" >يوم 29</option>
											<option value="30" >يوم 30</option>
											
										</select>

									</div>
									
									<div class="col-sm-4" style="margin-top: 10px;">

										

										<button id="filter_btn" type="button" class="btn bg-teal-400 btn-labeled btn-block"><b><i class="icon-filter4"> </i></b> <span id="inv_filter">تطبيق الفلتر</span> </button>
										
									</div>

									<div class="col-sm-4" style="margin-top: 10px;">

										

										<button id="salary_btn" type="button" class="btn bg-primary-400 btn-labeled btn-block"><b><i class="icon-filter4"> </i></b> <span id="inv_filter">عرض قائمة الراتب حسب السنة والشهر</span> </button>
										
									</div>

									<div class="col-sm-4" style="margin-top: 10px;">

										

										<a href="index.php?p=employe_work"  class="btn bg-warning-400 btn-labeled btn-block"><b><i class="icon-close2"> </i></b> <span id="inv_filter">ازالة الفلتر</span> </a>
										
									</div>				
								</div>

								<div class="media-right media-middle">
									
								</div>
							</div>
						</div>
					</div>

					

					
					
				</div>


				<!-- Individual column searching (text inputs) -->
				<div class="panel panel-flat" id="data_table_div" >
					
					<table class="table datatable-column-search-inputs">
						<thead>
							<tr>
				        		<th width="5%">ID</th>
								<th class="multi_lang">اسم الموظف</th>
			          			<th class="multi_lang">السنة</th>
			          			<th class="multi_lang">الشهر</th>
			          			<th class="multi_lang">اليوم</th>
								<th class="multi_lang">ساعات الغياب</th>
								<th class="multi_lang">الساعات الاضافية</th>
								<th class="multi_lang">المكافئات</th>
								<th class="multi_lang" >العقوبات</th>							
								<th class="multi_lang">مجموع الساعات</th>
								<th class="multi_lang">السلف</th>
								<th class="multi_lang">تسديد السلف</th>
								<th class="multi_lang">الراتب المحدد</th>
								<th class="multi_lang">الراتب المستحق</th>
			          			<th class="text-center multi_lang">العمليات</th>
				      </tr>
						</thead>
						<tbody>
							
						</tbody>
						<tfoot>
							<tr>
				                <td></td>
				                <td>username</td>
				                <td>full_name</td>
				                <td>EMail</td>
				                <td>Phone</td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                
				                <td></td>
				            </tr>
						</tfoot>
					</table>
				</div>
				<!-- /individual column searching (text inputs) -->



<script type="text/javascript" src="controllers/employe_work.js?random=<?php echo uniqid(); ?>"></script>