
						<!-- begin:: Content Head -->
						<div class="kt-subheader  kt-grid__item" id="kt_subheader">
							<div class="kt-container  kt-container--fluid ">
								<div class="kt-subheader__main">
									<a class="btn btn-icon btn-danger btn-sm mr-2" href="index.pzx?c=<?php echo Util::convertLink("MobileHome") ; ?>"><i class="fa fa-home"></i></a>
									<h3 class="kt-subheader__title">Job Details<input type="hidden" id="txtJobId"></h3>
								</div>
								<div class="kt-header-mobile__toolbar" style="float:right;padding-top:0.25rem;z-index:90;">
									<a class="btn btn-icon btn-danger btn-sm" href="#" id="btnLogout"><i class="fa fa-sign-out-alt"></i></a>
								</div>
							</div>
						</div>

						<!-- end:: Content Head -->

						<!-- begin:: Content -->
						<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
						
							<div class="row">
								<div class="col-md-12">
									<!--begin::Portlet-->
									<div class="kt-portlet">
										<div class="kt-portlet__body">
											<table>
											<tr>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-briefcase" aria-hidden="true"></i></span></div>
															<input type="text" id="txtJobNumber" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-calendar-alt" aria-hidden="true"></i></span></div>
															<input type="text" id="txtJobStartDate" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-building" aria-hidden="true"></i></span></div>
															<input type="text" id="txtLocationName" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-phone" aria-hidden="true"></i></span></div>
															<input type="text" id="txtLocationPhone" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-user" aria-hidden="true"></i></span></div>
															<input type="text" id="txtLocationContact" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
												<td>
													<div class="form-group">
														<div class="input-group">
															<div class="input-group-prepend"><span class="input-group-text" id="basic-addon2"><i class="fa fa-envelope" aria-hidden="true"></i></span></div>
															<input type="text" id="txtLocationEmail" class="form-control" placeholder="" aria-describedby="basic-addon2" disabled>
														</div>
													</div>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<div class="form-group">
														<label><i class="fa fa-map-marker-alt"></i> Address: </label>
														<textarea class="form-control" id="txtLocationAddress" rows="3" disabled></textarea>
													</div>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<div class="form-group">
													<table style="width:100%;">
													<tr>
														<td>
															<label id="lblJobTask" style="font-weight:bold;"></label>
														</td>
														<td style="width:50px;">
														<div class="input-group ">
															<input type="text" id="txtJobHours" class="form-control" placeholder="0" style="width:30px;text-align:center;" disabled>
														</div>
														</td>
														<td style="width:30px;">
															<label> hours</label>
														</td>
													</tr>
													</table>
													</div>
												</td>
											</tr>
											<tr>
												<td colspan="2">
													<div class="form-group">
														<label>Job Description: </label>
														<textarea class="form-control" id="txtJobDesc" rows="6" disabled></textarea>
													</div>
												</td>
											</tr>
											</table>
										</div>			
									</div>
									
									<!--end::Portlet-->
																		
									<!--begin::Portlet-->
									<div class="kt-portlet">
										<div class="kt-portlet__body">									
											<div class="table-responsive">
												<table class="table">
													<tbody id="job_attach">
														<!-- <tr>
															<td>
																<div class="kt-user-card-v2">
																	<a href="#" data-toggle="modal" data-target="#modalAttach" onclick="enlargePhoto('media/gym/treadmill1.png');">
																		<img src="media/gym/treadmill1.png" style="width:140px;height:140px"/>
																	</a>
																</div>
															</td>
															<td>
																<div class="kt-user-card-v2" style="padding-left:5px;padding-right:5px;">
																	<a href="#" data-toggle="modal" data-target="#modalAttach" onclick="enlargePhoto('media/gym/treadmill2.png');">
																		<img src="media/gym/treadmill2.png" style="width:140px;height:140px"/>
																	</a>
																</div>
															</td>
															<td>
																<div class="kt-user-card-v2" style="padding-left:5px;padding-right:5px;">
																	<a href="#" data-toggle="modal" data-target="#modalAttach" onclick="enlargePhoto('media/gym/treadmill3.png');">
																		<img src="media/gym/treadmill3.png" style="width:140px;height:140px"/>
																	</a>
																</div>
															</td>
														</tr> -->
													</tbody>
												</table>
											</div>
										</div>
									</div>
									
									<!--end::Portlet-->
								</div>
							</div>
							
							<!--End::Row-->
						</div>
					
						<!--Begin::Modal-->
						<div class="modal fade" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdrop" aria-hidden="true" id="modalAttach">
							<div class="modal-dialog modal-dialog-centered" role="document">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close">
											<i aria-hidden="true" class="fa fa-times"></i>
										</button>
									</div>
									<div class="modal-body">
										<img src="media/logos/logo.png" style="width:100%;height:100%;" id="enlarge_photo"/>
										<input type="hidden" class="form-control" id="txtChecklistId" value="0"/>
									</div>
								</div>
							</div>
						</div>
						
						<!--End::Modal-->

						<!-- end:: Content -->
	
						<script type="text/javascript">
						$(document).ready(function() {							
							document.body.scrollTop = 0; // For Safari
							document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
							$('#toolbar-right').show();
						});
						</script>
						