<!DOCTYPE html>

<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 & Angular 8
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">

	<!-- begin::Head -->
	<head>
	
		<!--begin::Base Path (base relative path for assets of this page) -->
		<base href="../mobile/">

		<!--end::Base Path -->
		<meta charset="utf-8" />
		<title>eService</title>
		<meta name="description" content="Latest updates and statistic charts">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="icon" href="media/logos/favicon.png" type="image/x-icon" />
		<link rel="apple-touch-icon" href="media/logos/favicon.png">

		<!--begin::Fonts -->
		<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
		<script>
			WebFont.load({
				google: {
					"families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]
				},
				active: function() {
					sessionStorage.fonts = true;
				}
			});
		</script>

		<!--end::Fonts -->

		<!--begin:: Global Optional Vendors -->
		<link href="vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" />
		<link href="vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" />
		<link href="vendors/general/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" />

		<!--end:: Global Optional Vendors -->

		<!--begin::Global Theme Styles(used by all pages) -->
		<link href="css/style.bundle.css" rel="stylesheet" type="text/css" />

		<!--end::Global Theme Styles -->
		
		<link rel="shortcut icon" href="media/logos/favicon.png" />
		
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/sbg-util.min.js"></script>
		<script type="text/javascript" src="js/sbg-upload.min.js"></script>
	</head>

	<!-- end::Head -->

	<!-- begin::Body -->
	<body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--fixed kt-subheader--enabled kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">

		<!-- begin:: Page -->

		<!-- begin:: Header Mobile -->
		<div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
			<div class="kt-header-mobile__logo">
				<a href="index.pzx?c=<?php echo Util::convertLink("MobileHome") ; ?>">
					<img alt="Logo" src="<?php echo $this->getCompanyLogo(); ?>" height="50px;" />
				</a>
				<span style="color:#000;font-size:1.2rem;font-weight:500;margin-left:5px;"><?php echo $this->getCompanyName(); ?></span>
			</div>
		</div>

		<!-- end:: Header Mobile -->
		
		<div class="kt-grid kt-grid--hor kt-grid--root">
			<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">

				<!-- begin:: Aside -->
				<button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
				<div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">

					<!-- begin:: Aside -->
					<div class="kt-aside__brand kt-grid__item  " id="kt_aside_brand">
						<div class="kt-aside__brand-logo">
							<a href="index.pzx?c=<?php echo Util::convertLink("MobileHome") ; ?>">
								<img alt="Logo" src="<?php echo $this->getCompanyLogo(); ?>" width="80px;" />
							</a>
						</div>
					</div>

					<!-- end:: Aside -->

					<!-- begin:: Aside Menu -->
					<div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
						<div id="kt_aside_menu" class="kt-aside-menu  kt-aside-menu--dropdown " data-ktmenu-vertical="1" data-ktmenu-dropdown="1" data-ktmenu-scroll="0">
							<ul class="kt-menu__nav ">
								<li class="kt-menu__item " aria-haspopup="true"><a id="myjob" href="<?php echo $this->createMenuFunc("MobileAgent","My Job", Command::MobileMyJobView)?>" class="kt-menu__link "><i class="kt-menu__link-icon flaticon2-graph"></i><span class="kt-menu__link-text">My Job</span></a></li>
							</ul>
						</div>
					</div>

					<!-- end:: Aside Menu -->
				</div>

				<!-- end:: Aside -->
				
				<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">
					
					<!-- begin:: Content -->
					<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">
					
						<!-- 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" id="kt_subheader_title">My Job</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">
					
							<!--Begin::Row-->
							<div class="row">
								<div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1" style="margin-right:0px;">
									<!--begin::Portlet-->
									<div class="kt-portlet kt-portlet--height-fluid" style="width:100%;">
										<div class="kt-portlet__body kt-portlet__body--fit">
											<!--Doc: For the datatable initialization refer to "recentOrdersInit" function in "src\theme\app\scripts\custom\dashboard.js" -->
											<div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--scroll kt-datatable--loaded" id="kt_recent_orders">
												<table class="kt-datatable__table" style="display: block; max-height: 500px;">
													<thead class="kt-datatable__head">
													<tr class="kt-datatable__row" style="left: 0px;">
														<th data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort" style="display:none;">&nbsp;</th>
														<th data-field="ID" data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort"><span style="font-weight:600;font-size:1.1rem;">My Job List</span></th>
														<th data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort">&nbsp;</th>
													</tr>
													</thead>
													<tbody class="kt-datatable__body" style="max-height: 400px; overflow: auto;" id="my_job_list">
													</tbody>
												</table>
											</div>
										</div>
									</div>
										
									<!--end::Portlet-->
								</div>
								
								<div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1" style="margin-right:0px;">
									<!--begin::Portlet-->
									<div class="kt-portlet kt-portlet--height-fluid" style="width:100%;">
										<div class="kt-portlet__body kt-portlet__body--fit">
											<!--Doc: For the datatable initialization refer to "recentOrdersInit" function in "src\theme\app\scripts\custom\dashboard.js" -->
											<div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--scroll kt-datatable--loaded" id="kt_recent_orders" style="">
												<table class="kt-datatable__table" style="display:block; max-height: 500px;">
													<thead class="kt-datatable__head">
													<tr class="kt-datatable__row" style="left: 0px;">
														<th data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort" style="display:none;">&nbsp;</th>
														<th data-field="Desc" data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort"><span style="font-weight:600;font-size:1.1rem;">Assigned Job List</span></th>
														<th data-autohide-disabled="false" class="kt-datatable__cell kt-datatable__cell--sort" style="width:150px;"><span></span></th>
													</tr>
													</thead>
													<tbody class="kt-datatable__body" style="height: 145px; overflow: auto;" id="assigned_job_list">
													</tbody>
												</table>
											</div>
										</div>
									</div>
										
								</div>
								
								<!--end::Portlet-->
							</div>
								
							<!--End::Row-->
						</div>				
						<!-- end:: Content -->	
												
					</div>
				</div>
			</div>
		</div>

		<!-- end:: Page -->

		<!-- begin::Sticky Toolbar -->
		<ul class="kt-sticky-toolbar" id="toolbar-right">
			<li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--success">
				<a id="btnJobDetails" href="#" onclick="viewJobDetails(0); return false;"><i class="flaticon2-information"></i></a>
			</li>
			<li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--brand">
				<a id="btnJobChecklist" href="#" onclick="viewJobChecklist(0); return false;"><i class="flaticon2-list-2"></i></a>
			</li>
			<li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--danger">
				<a id="btnJobAttach" href="#" onclick="viewJobAttach(0); return false;"><i class="flaticon2-email"></i></a>
			</li>
			<li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--warning">
				<a id="btnJobServiceReport" href="#" onclick="viewJobServiceReport(0); return false;"><i class="flaticon2-notepad"></i></a>
			</li>
		</ul>

		<!-- end::Sticky Toolbar -->

		<!-- begin::Global Config(global config for global JS sciprts) -->
		<script>
			var KTAppOptions = {
				"colors": {
					"state": {
						"brand": "#2c77f4",
						"light": "#ffffff",
						"dark": "#282a3c",
						"primary": "#5867dd",
						"success": "#34bfa3",
						"info": "#36a3f7",
						"warning": "#ffb822",
						"danger": "#fd3995"
					},
					"base": {
						"label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
						"shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
					}
				}
			};
		</script>

		<!-- end::Global Config -->

		<!--begin:: Global Mandatory Vendors -->
		<script src="vendors/general/jquery.js" type="text/javascript"></script>
		<script src="vendors/general/bootstrap.min.js" type="text/javascript"></script>
		<script src="vendors/general/js.cookie.js" type="text/javascript"></script>
		<script src="vendors/general/tooltip.min.js" type="text/javascript"></script>
		<script src="vendors/general/perfect-scrollbar.js" type="text/javascript"></script>
		<script src="vendors/general/sticky.min.js" type="text/javascript"></script>
		<script src="vendors/general/wNumb.js" type="text/javascript"></script>
		<script src="vendors/general/owl.carousel.js" type="text/javascript"></script>

		<!--end:: Global Mandatory Vendors -->

		<!--begin::Global Theme Bundle(used by all pages) -->
		<script src="js/scripts.bundle.js" type="text/javascript"></script>

		<!--end::Global Theme Bundle -->

		<!--begin::Page Vendors(used by this page) -->
		<script src="vendors/custom/fullcalendar.bundle.js" type="text/javascript"></script>

		<!--end::Page Vendors -->

		<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	</body>

	<!-- end::Body -->
	
	<script type="text/javascript">
	var home_url =  "<?php echo Util::convertLink("MobileHome") ; ?>" ;
	var agent_url =  "<?php echo Util::convertLink("MobileAgent") ; ?>" ;
	<?php include (PATH_CODE . "js/mobile/home.js") ; ?>
	<?php include (PATH_CODE . "js/mobile/agent.js") ; ?>
	</script>
	
</html>