<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 Group
			</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 Group </span>
			</div>
		</div>
	</div>
</div>

<div class="kt-portlet kt-portlet--tabs" id="formUserGroup">
	<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="#usrgrp-general" role="tab">
						<i class="la la-briefcase"></i>General
					</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#usrgrp-admin" role="tab">
						<i class="flaticon-file-2"></i>Admin
					</a>
				</li>
				<li class="nav-item" style="display:none">
					<a class="nav-link " data-toggle="tab" href="#usrgrp-hr" role="tab">
						<i class="flaticon2-user"></i>H/R
					</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#usrgrp-activity" role="tab">
						<i class="flaticon-notes"></i>Service
					</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#usrgrp-portal" role="tab">
						<i class="flaticon2-website"></i>Portal
					</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="closeFormUserGroup()"><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="usrgrp-general" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label">ID :</label>
						<div class="col-lg-1">
							<input type="text" id="txtUsrGrpId" maxlength="10" size="10" class="form-control" placeholder="Auto" disabled>
						</div>
						<label class="col-lg-1 col-form-label">Description:</label>
						<div class="col-lg-3">
							<input type="text" id="txtUsrGrpDesc" maxlength="30" size="30" class="form-control">
						</div>
					</div>
				</div>
				<div class="tab-pane" id="usrgrp-admin" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmSet"> System Setting
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmReset"> Reset Password
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmCoy"> Company Profile
								<span></span>
							</label>
						</div>
						<div class="col-lg-3">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmResetHistory"> Reset Password History Report
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmUser"> User Management
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmContentCategory"> Content Category
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmGroup"> User Group
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmContentFiles"> File Management
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row" style="margin-bottom:0px;">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrDept"> Department
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkAdmContentNews"> News Management
								<span></span>
							</label>
						</div>
     				</div>		
				</div>
				<div class="tab-pane" id="usrgrp-hr" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrEmp"> Employee Profile
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrRace"> Race
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrPermit"> Work Permit
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrType"> Employee Type
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrEmpPassword"> Employee Password
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrJob"> Job Title
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrEmpPurge"> Employee Purging
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrNat"> Nationality
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkHrTransPurge"> Transaction Purging
								<span></span>
							</label>
						</div>
     				</div>	
				</div>
				<div class="tab-pane" id="usrgrp-activity" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityBrand"> Brand
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityModel"> Model
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityProduct"> Product
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityCustomer"> Customers
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityProject"> Project
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityPhase"> Project Phase
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityExpense"> Expense Item
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityTaxes"> Taxes
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row" style="margin-bottom:0px;">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityCurrency"> Currency
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkActivityConsultant"> Service Consultant
								<span></span>
							</label>
						</div>
     				</div>
				</div>
				<div class="tab-pane" id="usrgrp-portal" role="tabpanel">
					<div class="form-group row form-group-marginless">
						<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalCustomerMaster"> Customer Master
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalJobQuotation"> Job Quotation
								<span></span>
							</label>
						</div>
     					<div class="col-lg-2">
     						<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalService"> Service
								<span></span>
							</label>
						</div>
     				</div>
     				<div class="kt-separator kt-separator--border-dashed kt-separator--portlet-fit"></div>
     				<div class="form-group m-form__group row" style="margin-bottom:0px;">
     					<label class="col-lg-1 col-form-label"></label>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalSalesQuotation"> Sales Quotation
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalJobPlan"> Job Plan
								<span></span>
							</label>
						</div>
						<div class="col-lg-2">
							<label class="kt-checkbox kt-checkbox--success">
								<input type="checkbox" id="chkPortalReports"> Reports
								<span></span>
							</label>
						</div>
     				</div>
				</div>
			</div>
		</div>

		<div class="kt-portlet__foot">
			<div class="kt-form__actions ">
				<button type="button" id="btnUsrGrpAdd" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Add</button>
				<button type="button" id="btnUsrGrpUpdate" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Update</button>
				<button type="button" id="btnUsrGrpClear" class="btn btn-label-google"><i class="flaticon-delete"></i>Clear</button>
				<button type="button" id="btnUsrGrpPrint" 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 Group
			</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="showFormUserGroup();" 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-usrgrp-table"></div>
		<!--end: Datatable -->
	</div>
</div>

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

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

<!-- <div id="sbg-usrgrp-entry" style="width:650px;margin: 5px 5px 5px 5px;">
	<div id="usrgrp-tabs">
		<ul style="font-size: 0.8em;">
			<li><a href="#usrgrp-general">General</a></li>
			<li><a href="#usrgrp-admin">Admin</a></li>
			<li style="display:none"><a href="#usrgrp-hr">H/R</a></li>
			<li><a href="#usrgrp-activity">Service</a></li>
			<span class="sbg-tab-title">User Group</span>
		</ul>
		<div id="usrgrp-general" style="height:200px;">
			<table>
				<tr>
					<td style="text-align:right;width:100px;"><span>ID : </span></td>
					<td style="width:480px"><input type="text" maxlength="10" size="10" id="txtUsrGrpId" value="Auto" disabled="disabled" /></td>
				</tr>
				<tr>
					<td style="text-align:right;"><span>Description : </span></td>
					<td><input type="text" maxlength="30" size="40" id="txtUsrGrpDesc" /><span id="usrgrp_err_desc" style="color:red;display:none;padding-left:5px">*</span></td>
				</tr>
			</table>
		</div>
		<div id="usrgrp-admin" style="height:200px;">
			<table>
				<tr style="height:28px">
					<td style="padding-left:10px;width:200px"><input id="chkAdmSet" type="checkbox" /><label for="chkAdmSet">System Setting</label></td>
					<td style="width:200px;"><input id="chkAdmReset" type="checkbox" /><label for="chkAdmReset">Reset Password</label></td>
					<td style="width:200px"></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkAdmCoy" type="checkbox" /><label for="chkAdmCoy">Company Profile</label></td>
					<td style="width:200px"><input id="chkAdmResetHistory" type="checkbox" /><label for="chkAdmReset">Reset Password History Report</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkAdmUser" type="checkbox" /><label for="chkAdmUser">User Management</label></td>
					<td style="width:200px"><input id="chkAdmContentCategory" type="checkbox" /><label for="chkAdmContentCategory">Content Category</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkAdmGroup" type="checkbox" /><label for="chkAdmGroup">User Group</label></td>
					<td style="width:200px"><input id="chkAdmContentFiles" type="checkbox" /><label for="chkAdmContentFiles">File Management</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkHrDept" type="checkbox" /><label for="chkHrDept">Department</label></td>
					<td style="width:200px"><input id="chkAdmContentNews" type="checkbox" /><label for="chkAdmContentNews">News Management</label></td>
					<td></td>
				</tr>
			</table>
		</div>
		<div id="usrgrp-hr" style="height:200px;">
			<table>
				<tr style="height:28px">
					<td style="padding-left:10px;width:200px"><input id="chkHrEmp" type="checkbox" /><label for="chkHrEmp">Employee Profile</label></td>
					<td style="padding-left:10px;width:200px"><input id="chkHrRace" type="checkbox" /><label for="chkHrRace">Race</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"></td>
					<td style="padding-left:10px"><input id="chkHrPermit" type="checkbox" /><label for="chkHrPermit">Work Permit</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkHrType" type="checkbox" /><label for="chkHrType">Employee Type</label></td>
					<td style="padding-left:10px"><input id="chkHrEmpPassword" type="checkbox" /><label for="chkHrEmpPassword">Employee Password</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkHrJob" type="checkbox" /><label for="chkHrJob">Job Title</label></td>
					<td style="padding-left:10px"><input id="chkHrEmpPurge" type="checkbox" /><label for="chkHrEmpPurge">Employee Purging</label></td>
					<td></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkHrNat" type="checkbox" /><label for="chkHrNat">Nationality</label></td>
					<td style="padding-left:10px"><input id="chkHrTransPurge" type="checkbox" /><label for="chkHrTransPurge">Transaction Purging</label></td>
					<td></td>
				</tr>
			</table>
		</div>
		<div id="usrgrp-activity" style="height:200px;">
			<table>
				<tr style="height:28px">
					<td style="padding-left:10px;width:200px"><input id="chkActivityBrand" type="checkbox" /><label for="chkActivityBrand">Brand</label></td>
					<td style="padding-left:10px;width:200px"><input id="chkActivityModel" type="checkbox" /><label for="chkActivityModel">Model</label></td>
					<td style="padding-left:10px"><input id="chkActivityProduct" type="checkbox" /><label for="chkActivityProduct">Product</label></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px;width:200px;display:none;"><input id="chkActivityCustomer" type="checkbox" /><label for="chkActivityCustomer">Customers</label></td>
					<td style="padding-left:10px;width:200px;display:none;"><input id="chkActivityProject" type="checkbox" /><label for="chkActivityProject">Project</label></td>
					<td style="padding-left:10px;display:none;"><input id="chkActivityPhase" type="checkbox" /><label for="chkActivityPhase">Project Phase</label></td>
					<td style="padding-left:10px"><input id="chkActivityExpense" type="checkbox" /><label for="chkActivityExpense">Expense Item</label></td>
					<td style="padding-left:10px;width:200px"><input id="chkActivityTaxes" type="checkbox" /><label for="chkActivityTaxes">Taxes</label></td>
					<td style="padding-left:10px"><input id="chkActivityCurrency" type="checkbox" /><label for="chkActivityCurrency">Currency</label></td>
				</tr>
				<tr style="height:28px">
					<td style="padding-left:10px"><input id="chkActivityConsultant" type="checkbox" /><label for="chkActivityConsultant">Service Consultant</label></td>
				</tr>
				
			</table>
		</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="usrgrp_err_mesg" class="sbg-error"></span>
		</div>
		<div class="sbg-entry-command">
			<input id="btnUsrGrpAdd" type="button" value="Add"></input>
			<input id="btnUsrGrpUpdate" type="button" value="Update"></input>
			<input id="btnUsrGrpClear" type="button" value="Clear"></input>
			<input id="btnUsrGrpPrint" type="button" value="Print"></input>
		</div>
	</div>
</div>

<div>
	<div class="sbg-table">
		<div class="ui-widget-header">
			<table id="sbg-usrgrp-header" class="header" cellspacing="0" cellpadding="5">
                <tr class="ui-widget-header">
                <td style="width: 50px;">ID</td>
                <td style="width: 400px;">Description</td>
				<td style="width: 25px;"></td>
				<td style="width: 25px;"></td>
                </tr>
			</table>
		</div>
        <div id="sbg-usrgrp-data" style="overflow: auto;">
            <table id="sbg-usrgrp-table" cellspacing="0" cellpadding="5" class="data">
			<tr><td style="width:50px;height:1px"></td><td style="width:400px"></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 usrgrp_url = "<?php //echo Util::convertLink("UserGroup") ; ?>" ;
<?php //include (PATH_CODE . "js/admin/usergroup.js") ; ?>
</script> -->