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

?>
<script>
window.location="starter.php";
</script>
<?php
}
?>
<style >
	tfoot {
    	display: table-header-group !important;
	}

	.dataTable {
        font-size: 14px;
	}

	td {
		padding: 5px 5px !important;
	}

	.thumb img:not(.media-preview) {
    height: 100px;
	}

	td.details-control {
    	
    	cursor: pointer;
	}

	div.tokenfield  {
		border-bottom-color: #ddd !important;
		border-bottom-width: 1px !important;
	}
	

</style>

	<div id="add-form-cont" class="panel-collapse collapse panel" aria-expanded="false" style="height: 0px; position: relative; top:-3px; width:98%; margin:0px auto;">
		<div class="panel-body">
			<form class="form-horizontal" method="post" id="add_form" enctype="multipart/form-data">
				<div>
				

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

						<div class="form-group">


							
							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
								<label class="control-label multi_lang">اسم المندوب</label>
								<input type="text" id="saleman_full_name" name="saleman_full_name" class="form-control multi_lang stop_enter" placeholder="اسم المندوب" required="required">
								<div class="form-control-feedback">
									<i class="icon-color-sampler text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
								<label class="control-label multi_lang">العنوان</label>
								<input type="text" id="saleman_address" name="saleman_address" class="form-control multi_lang stop_enter" placeholder="العنوان">
								<div class="form-control-feedback">
									<i class="icon-hash text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
								<label class="control-label multi_lang">Phone 1</label>
								<input type="text" id="saleman_phone" name="saleman_phone" class="form-control multi_lang stop_enter" placeholder="Phone 1" >
								<div class="form-control-feedback">
									<i class="icon-office text-muted"></i>
								</div>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
								<label class="control-label multi_lang">Phone 2</label>
								<input type="text" id="saleman_phone2" name="saleman_phone2" class="form-control multi_lang stop_enter" placeholder="Phone 2" >
								<div class="form-control-feedback">
									<i class="icon-office text-muted"></i>
								</div>
							</div>

							
							<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
								<label class="control-label multi_lang">Job Title</label>
								<input type="text" id="saleman_job_title" name="saleman_job_title" class="form-control multi_lang stop_enter" placeholder="Job Title" required="required" >
								<div class="form-control-feedback">
									<i class="icon-cash text-muted"></i>
								</div>
							</div>


							<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
								<label class="control-label animate multi_lang">Teamleader</label>
								
								<select class="form-control stop_enter" name="team_leader_id_fk" id="team_leader_id_fk" required="required" data-width="100%" data-live-search="true" >

								</select>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
								<label class="control-label animate multi_lang">Zone</label>
								
								<select class="form-control stop_enter" name="zone_id_fk" id="zone_id_fk" required="required" data-width="100%" data-live-search="true" >

								</select>
							</div>

							<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
								<label class="control-label animate multi_lang">City</label>
								
								<select class="form-control stop_enter" name="city_id_fk" id="city_id_fk" required="required" data-width="100%" data-live-search="true" >

								</select>
							</div>

							
						
							

							<div class="col-md-3">
								<div class="form-group">
									<label class="display-block"> Image</label>
                    				<input type="file" name="profile_img" id="profile_img" class="file-styled-primary ">
                    
                  				</div>
							</div>	

							

						</div>

						

					</div>
				</div>

				<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>
					<a href="#add-form-cont" id="add_form_cancel" class="btn btn-labeled btn-labeled-left bg-danger heading-btn" data-toggle="collapse">
						<span class="multi_lang">اغلاق</span> <b><i class="icon-cross"></i></b>
					</a>
				</div>
			</form>
		</div>
	</div>

	<div id="edit_form_cont" class="modal fade" style="display: none; ">
		<div class="modal-dialog modal-lg" style="width: 85%;">
			<form class="form-horizontal"  name="edit_form" method="post" id="edit_form" enctype="multipart/form-data">
				

				<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 class="modal-body">
						<input type="hidden" name="edit_objid" id="edit_objid" value="">
						<div class="col-sm-12">

							<div class="form-group">


								<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
									<label class="control-label multi_lang">اسم المندوب</label>
									<input type="text" id="edit_saleman_full_name" name="edit_saleman_full_name" class="form-control multi_lang stop_enter" placeholder="اسم المندوب" required="required">
									
								</div>

								<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
									<label class="control-label multi_lang">العنوان</label>
									<input type="text" id="edit_saleman_address" name="edit_saleman_address" class="form-control multi_lang stop_enter" placeholder="العنوان">
									
								</div>

								<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
									<label class="control-label multi_lang">Phone 1</label>
									<input type="text" id="edit_saleman_phone" name="edit_saleman_phone" class="form-control multi_lang stop_enter" placeholder="Phone 1" >
									
								</div>

								<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
									<label class="control-label multi_lang">Phone 2</label>
									<input type="text" id="edit_saleman_phone2" name="edit_saleman_phone2" class="form-control multi_lang stop_enter" placeholder="Phone 2" >
									
								</div>

								
								<div class="form-group has-feedback has-feedback-left form-group-material col-sm-3">
									<label class="control-label multi_lang">Job Title</label>
									<input type="text" id="edit_saleman_job_title" name="edit_saleman_job_title" class="form-control multi_lang stop_enter" placeholder="Job Title" required="required" >
									
								</div>


								<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
									<label class="control-label animate multi_lang">Teamleader</label>
									
									<select class="form-control stop_enter" name="edit_team_leader_id_fk" id="edit_team_leader_id_fk" required="required" data-width="100%" data-live-search="true" >

									</select>
								</div>

								<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
									<label class="control-label animate multi_lang">Zone</label>
									
									<select class="form-control stop_enter" name="edit_zone_id_fk" id="edit_zone_id_fk" required="required" data-width="100%" data-live-search="true" >

									</select>
								</div>

								<div class="form-group has-feedback has-feedback-left form-group-material  col-sm-3">
									<label class="control-label animate multi_lang">City</label>
									
									<select class="form-control stop_enter" name="edit_city_id_fk" id="edit_city_id_fk" required="required" data-width="100%" data-live-search="true" >

									</select>
								</div>
											
								

								<div class="col-md-3">
									<div class="form-group">
										<label class="display-block">Product Image</label>
	                    				<input type="file" name="edit_profile_img" id="edit_profile_img" class="file-styled-primary ">
	                    
	                  				</div>
								</div>	

								

							</div>
	
							

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

	<div id="add_new_category" class="modal fade" >
		<div class="modal-dialog modal-lg">
			<form class="form-horizontal"  name="add_new_category_form" method="post" id="add_new_category_form" enctype="multipart/form-data">
				<input type="hidden" id="access_token" name="access_token"  value="<?php //echo $_SESSION['access_token']; ?>">

				<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 class="modal-body">
							<div>
								<div class="col-sm-12">
									<div class="form-group">
										<div class="col-sm-6">
											<div class="input-group">
												<label class="input-group-addon multi_lang">اسم الفئة</label>
												<input type="text" placeholder="اسم الفئة" class="form-control multi_lang" name="objname" id="objname" required="required">
											</div>
										</div>
										<div class="col-sm-6">
											<div class="input-group">
												<label class="input-group-addon multi_lang">الوصف</label>
												<input type="text" placeholder="الوصف" class="form-control multi_lang" name="category_description" id="category_description" required="required">
											</div>
										</div>
									</div>
								</div>
							</div>
					</div>
					<div class="modal-footer">
						<button type="submit" id="submit_add_cat_btn" class="btn btn-labeled btn-labeled-left heading-btn btn-primary"> <span class="multi_lang">حفظ</span> <b><i class="icon-floppy-disk"></i></b>
						</button>
						<button type="button" class="btn btn-warning" data-dismiss="modal"> <span class="multi_lang">الغاء</span>
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>


	<div id="print_modal" class="modal fade" >
		<div class="modal-dialog modal-lg">
			<form class="form-horizontal"  name="print_form" method="post" id="print_form" enctype="multipart/form-data">
				
				<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 class="modal-body">
							
						<div class="col-sm-12">
							<div class="form-group">
								<div class="col-sm-6">
									<div class="input-group">
										<label class="input-group-addon multi_lang">طباعة حسب الفئة</label>
										<select class="form-control" name="product_category_id_fk" 
										id="product_category_id_fk" data-width="100%" data-live-search="true">

										</select>
									</div>
								</div>

								

								<!-- <div class="col-sm-3">
									<div class="input-group">
										<label class="input-group-addon multi_lang">
										<input type="checkbox" class="" name="kurd_check" 
										id="kurd_check" > اظهار اللغة الكردية
										</label>
									</div>
								</div> -->
							</div>
						</div>
							
					</div>
					<div class="modal-footer">
						<button type="submit" id="print_btn" class="btn btn-labeled btn-labeled-left heading-btn btn-primary"> <span class="multi_lang">حفظ</span> <b><i class="icon-floppy-disk"></i></b>
						</button>
						<button type="button" class="btn btn-warning" data-dismiss="modal"> <span class="multi_lang">الغاء</span>
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<div id="show_files" class="modal fade" >
			<div class="modal-dialog modal-lg" >

				<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 class="modal-body">

								<div class="row" id="file_attach">

								</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-labeled btn-labeled-left heading-btn btn-primary"  data-dismiss="modal"> OK
						</button>
						<button type="button" class="btn btn-warning" data-dismiss="modal"> <span class="multi_lang">اغلاق</span>
						</button>
					</div>
				</div>

		</div>
	</div>



	

				<!-- Individual column searching (text inputs) -->
				<div class="panel panel-flat">
					
					<table class="table  datatable-column-search-inputs table-bordered table-hover datatable-highlight datatable-row-full datatable-key-class">
						<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">Barcode</th> -->
								<th class="multi_lang">City</th>
								<th class="multi_lang">Zone</th>
								<th class="multi_lang">Teamleader</th>
								<th class="multi_lang">Image</th>
				        		<th class="multi_lang" width="10%">Actions</th>
				      		</tr>
						</thead>
						<tbody>
							
						</tbody>
						<tfoot>
							<tr>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <td></td>
				                <!-- <td>username</td> -->
				                <td>full_name</td>
				                <td></td>
				                <td></td>
				    
				                
				            </tr>
						</tfoot>
					</table>
				</div>
				<!-- /individual column searching (text inputs) -->



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