<!--<div id="sbg-user-entry" style="width:700px;margin: 5px 5px 5px 5px;">
	<div id="user-tabs">
		<ul style="font-size: 0.8em;">
			<li><a href="#user-general">General</a></li>
			<li><a href="#user-absent">Absent</a></li>
			<span class="sbg-tab-title">User Management</span>
		</ul>
		<div id="user-general" style="height: 250px">
			<table>
				<tr>
					<td style="text-align:right;width:100px"><span>User ID : </span></td>
					<td style="width:460px" colspan='3'><input type="text" maxlength="12" size="12" id="txtUserId" value="Auto" disabled="disabled" /></td>
				</tr>
				<tr>
					<td style="text-align:right"><span>User Name : </span></td>
					<td colspan='3'><input type="text" maxlength="20" size="30" id="txtUserName" /><span id="user_err_name" style="color:red;display:none;padding-left:5px">*</span></td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Full Name : </span></td>
					<td colspan='3'><input type="text" maxlength="30" size="40" id="txtUserFull" /><span id="user_err_full" style="color:red;display:none;padding-left:5px">*</span></td>
				</tr>
				<tr>
					<td style="text-align:right"><span>E-mail : </span></td>
					<td colspan='3'><input type="text" maxlength="80" size="60" id="txtUserEmail" /></td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Designation : </span></td>
					<td colspan='3'><select id="cobUserDesignation"><?php //echo $this->getDesignation() ; ?></select>
					</td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Substitute : </span></td>
					<td colspan='3'><select id="cobUserSubstitute"><?php //echo $this->getUser() ; ?></select>
					</td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Department : </span></td>
					<td colspan='3'><select id="cobUserDept"><?php //echo $this->getDept() ; ?></select>
					</td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Group : </span></td>
					<td colspan='3'><select id="cobUserGroup"><?php //echo $this->getUserGroup() ; ?></select>
						<span id="user_err_group" style="color:red;display:none;padding-left:5px">*</span>
					</td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Start Date : </span></td>
					<td colspan='3'><input type="text" value="" maxlength="10" size="12" id="txtUserStart" /></td>
				</tr>
				<tr>
					<td style="text-align:right"><span>Expiry Date : </span></td>
					<td colspan='3'><input type="text" maxlength="10" size="12" id="txtUserExpiry" /></td>
				</tr>
			</table>
		</div>
        <div id="user-absent" style="height: 200px">
            <table style="width: 100%">
                <tr>
                    <td>Start : <input type="text" value="" maxlength="10" size="12" id="txtUserAbsentStart" /></td>
                    <td>End : <input type="text" value="" maxlength="10" size="12" id="txtUserAbsentEnd" /></td>
                    <td style="width:40px;text-align:center"><a href="javascript:" onclick="addAbsentHistory()"><img src="image/add.png" title="Add Limit" style="width:24px;height:24px"></img></a></td>
                </tr>
            </table>
			<div class="ui-widget-content ui-corner-all" style="overflow: auto;height:150px;">
                <table style="width:100%">
                    <tr class="ui-widget-header">
                        <th style="width: 45%">Start</th><th style="width: 45%">End</th><th style="width: 10%"></th>
                    </tr>
				</table>
                <table id="tblUserAbsentHistory" class="sbg-table-list" cellspacing="0" style="width:100%">
                    
                </table>
			</div>
        </div>
	</div>
	<div class="ui-widget-content ui-corner-all" style="height:40px;margin-top:2px;">
		<div class="sbg-entry-error" style="width:300px;">
			<span id="user_err_mesg" class="sbg-error"></span>
		</div>
		<div class="sbg-entry-command">
			<input id="btnUserAdd" type="button" value="Add"></input>
			<input id="btnUserUpdate" type="button" value="Update"></input>
			<input id="btnUserClear" type="button" value="Clear"></input>
			<input id="btnUserPrint" type="button" value="Print"></input>
		</div>
	</div>
</div>
<div>
	<div class="sbg-table">
		<div class="ui-widget-header">
			<table id="sbg-user-header" class="header" cellspacing="0" cellpadding="5">
                <tr class="ui-widget-header">
                <td style="width: 50px;">ID</td>
                <td style="width: 100px;">Name</td>
                <td style="width: 300px;">Full Name</td>
				<td style="width: 200px;">Group</td>
				<td style="width: 25px;"></td>
				<td style="width: 25px;"></td>
                </tr>
			</table>
		</div>
        <div id="sbg-user-data" style="overflow: auto;">
            <table id="sbg-user-table" cellspacing="0" cellpadding="5" class="data">
				<tr>
				<td style="width:50px;height:1px"></td>
				<td style="width:100px"></td>
				<td style="width:300px"></td>
				<td style="width:200px"></td>
				<td style="width:25px"></td>
				<td style="width:25px"></td>
				</tr>
				<?php //echo $this->getList() ; ?>
            </table>
        </div>
	</div>
</div> 
<script type="text/javascript">
var user_url = "<?php //echo Util::convertLink("Users") ; ?>" ;
<?php //include (PATH_CODE . "js/admin/user.js") ; ?>
</script> -->

<!-- ====================================================================== -->

<div class="kt-subheader   kt-grid__item" id="kt_subheader" style="height:50px;margin-top:40px;">
	<div class="kt-container  kt-container--fluid ">
		<div class="kt-subheader__main">
			<h3 class="kt-subheader__title">
				User Management
			</h3>
			<span class="kt-subheader__separator kt-subheader__separator--v"></span>
			<div class="kt-subheader__breadcrumbs">
				<span class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></span>
				<span class="kt-subheader__breadcrumbs-separator"></span>
				<span class="kt-subheader__breadcrumbs-link">
					Admin </span>
				<span class="kt-subheader__breadcrumbs-separator"></span>
				<span class="kt-subheader__breadcrumbs-link">
					User Management </span>
			</div>
		</div>
	</div>
</div>

<div class="kt-portlet kt-portlet--tabs" id="formUser">
	<div class="kt-portlet__head">
		<div class="kt-portlet__head-toolbar">
			<ul class="nav nav-tabs nav-tabs-space-xl nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand" role="tablist">
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#user-general" role="tab">
						<i class="la la-briefcase"></i> General
					</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#user-absent" role="tab">
						<i class="flaticon-edit-1"></i> Absent
					</a>
				</li>
			</ul>
		</div>
		<div class="kt-portlet__head-toolbar" style="margin-top: 10px;">
			<div class="kt-portlet__head-group">
				<button type="button" class="btn btn-sm btn-icon btn-default btn-pill  btn-icon-md" onclick="closeFormUser()"><i class="la la-close"></i></button>
			</div>
		</div>
	</div>

	<form class="kt-form kt-form--label-right" style="margin-bottom: 0px;">
		<div class="kt-portlet__body">
			<div class="tab-content">
				<div class="tab-pane active" id="user-general" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label">User ID :</label>
						<div class="col-lg-1">
							<input type="text" id="txtUserId" maxlength="12" size="12" class="form-control" placeholder="Auto" disabled>
						</div>
						<label class="col-lg-2 col-form-label">Company:</label>
						<div class="col-lg-3">
							<select class="form-control kt-select2" id="cobUserCoy" onchange="populateLocation(0)">
								<?php echo $this->getCompanyOption() ; ?>
							</select>
						</div>
						<label class="col-lg-1 col-form-label">User Name:</label>
						<div class="col-lg-3">
							<input type="text" id="txtUserName" maxlength="20" size="20" class="form-control">
						</div>
					</div>
					<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
					<div class="form-group row">
						<label class="col-lg-1 col-form-label">Phone:</label>
						<div class="col-lg-2">
							<input type="text" id="txtUserPhone" maxlength="20" size="20" class="form-control">
						</div>
						<label class="col-lg-1 col-form-label">Full Name:</label>
						<div class="col-lg-3">
							<input type="text" id="txtUserFull" maxlength="30" size="30" class="form-control">
							<span id="taxestype_err_desc" style="color:Red;display:none">*</span>
						</div>
						<label class="col-lg-1 col-form-label">E-mail:</label>
						<div class="col-lg-3">
							<input type="text" id="txtUserEmail" maxlength="80" size="80" class="form-control">
						</div>
					</div>	
					<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
					<div class="form-group row">
						<label class="col-lg-1 col-form-label">Substitute:</label>
						<div class="col-lg-2">
							<select class="form-control kt-select2" id="cobUserSubstitute">
								<?php echo $this->getUser() ; ?>
							</select>
						</div>
						<label class="col-lg-1 col-form-label">Designation:</label>
						<div class="col-lg-3">
							<select class="form-control kt-select2" id="cobUserDesignation">
								<?php echo $this->getDesignation() ; ?>
							</select>
						</div>
						<label class="col-lg-1 col-form-label">Department:</label>
						<div class="col-lg-3">
							<select class="form-control kt-select2" id="cobUserDept">
								<?php echo $this->getDept() ; ?>
							</select>
						</div>
					</div>
					<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
					<div class="form-group row">
						<label class="col-lg-1 col-form-label">Group:</label>
						<div class="col-lg-2">
							<select class="form-control kt-select2" id="cobUserGroup">
								<?php echo $this->getUserGroup() ; ?>
							</select>
						</div>
						<label class="col-form-label col-lg-1">Start Date:</label>
						<div class="col-lg-2">
							<div class="input-group date">
								<input type="text" class="form-control" readonly placeholder="Select date" id="txtUserStart" maxlength="10"/>
								<div class="input-group-append">
									<span class="input-group-text">
										<i class="la la-calendar-check-o"></i>
									</span>
								</div>
							</div>
						</div>
						<label class="col-lg-2 col-form-label">Expiry Date:</label>
						<div class="col-lg-2">
							<div class="input-group date">
								<input type="text" class="form-control" readonly placeholder="Select date" id="txtUserExpiry" maxlength="10"/>
								<div class="input-group-append">
									<span class="input-group-text">
										<i class="la la-calendar-check-o"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
					<div class="form-group row">
						<label class="col-lg-1 col-form-label">Default Location :</label>
						<div class="col-lg-2">
							<select class="form-control kt-select2" id="cobUserLocation">
								
							</select>
						</div>
						
					</div>
				</div>
				<div class="tab-pane" id="user-absent" role="tabpanel">
					<div class="form-group m-form__group row">
						<label class="col-form-label col-lg-1">Start</label>
						<div class="col-lg-2">
							<div class="input-group date">
								<input type="text" class="form-control" readonly placeholder="Select date" id="txtUserAbsentStart" maxlength="10"/>
								<div class="input-group-append">
									<span class="input-group-text">
										<i class="la la-calendar-check-o"></i>
									</span>
								</div>
							</div>
						</div>
						<label class="col-form-label col-lg-1">End</label>
						<div class="col-lg-2">
							<div class="input-group date">
								<input type="text" class="form-control" readonly placeholder="Select date" id="txtUserAbsentEnd" maxlength="10"/>
								<div class="input-group-append">
									<span class="input-group-text">
										<i class="la la-calendar-check-o"></i>
									</span>
								</div>
							</div>
						</div>
     					<div class="col-lg-2 col-xl-2">
							<button onclick="addAbsentHistory();" type="button" data-demo="default" class="btn btn-outline-info m-btn m-btn--icon m-btn--outline">
								<span>
									<i class="la la-plus"></i>
									<span>Add Absent</span>
								</span>
							</button>
     					</div>
     				</div>	
     				<div class="m-section__content col-md-6" >
     					<table id="tblUserAbsentHistoryDetail" class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand" >
						  	<thead>
						    	<tr>
						    		<th style="text-align:center;"width="50%">
						    			Start
						    		</th>
						    		<th style="text-align:center;"width="40%">
						    			End
						    		</th>
						    		<th style="text-align:center;"width="10%"></th>
						    	</tr>
						  	</thead>

						  <tbody id="tblUserAbsentHistory" style="">
						  </tbody>
						</table>	
 					</div>
				</div>

			</div>
		</div>

		<div class="kt-portlet__foot">
			<div class="kt-form__actions ">
				<button type="button" id="btnUserAdd" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Add</button>
				<button type="button" id="btnUserUpdate" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Update</button>
				<button type="button" id="btnUserClear" class="btn btn-label-google"><i class="flaticon-delete"></i>Clear</button>
				<button type="button" id="btnUserPrint" class="btn btn-label-instagram"><i class="fa fa-print"></i>Print</button>
			</div>
		</div>
	</form>
</div>
<!-- end:: Content -->

<div class="kt-portlet kt-portlet--mobile">
	<div class="kt-portlet__head kt-portlet__head--lg">
		<div class="kt-portlet__head-label">
			<span class="kt-portlet__head-icon">
				<i class="kt-font-brand flaticon2-line-chart"></i>
			</span>
			<h3 class="kt-portlet__head-title">
				Form User Management
			</h3>
			<div class="kt-portlet__head-toolbar" style="margin-left: 25px;">
				<div class="kt-portlet__head-wrapper">
					<div class="kt-portlet__head-actions">
						<button type="button" onclick="showFormUser();" class="btn btn-brand btn-elevate btn-icon-sm">
							<i class="la la-plus"></i>
							New Entry
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="kt-portlet__body">
		<!--begin: Datatable -->
		<div class="sbg-user-table"></div>
		<!--end: Datatable -->
	</div>
</div>

<script type="text/javascript">
var user_url = "<?php echo Util::convertLink("Users") ; ?>" ;
<?php include (PATH_CODE . "js/admin/user.js") ; ?>
</script>