<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">
				Item Export
			</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">
					Service </span>
				<span class="kt-subheader__breadcrumbs-separator"></span>
				<span class="kt-subheader__breadcrumbs-link">
					Item Export </span>
			</div>
		</div>
	</div>
</div>

<div class="kt-portlet kt-portlet--tabs" id="formItem">
	<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-item" role="tablist">
				<li class="nav-item">
					<a class="nav-link " data-toggle="tab" href="#item-general" role="tab">
						<i class="la la-briefcase"></i> General
					</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="closeFormItem()"><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" style="padding-bottom: 0px;">
			<div class="tab-content">
				<div class="tab-pane active" id="item-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="txtItemId" maxlength="10" size="10" class="form-control" placeholder="Auto" disabled>
						</div>
						<label class="col-lg-1 col-form-label">Code:</label>
						<div class="col-lg-1">
							<input type="text" id="txtItemCode" maxlength="7" size="7" class="form-control">
							<span id="item_err_code" style="color:Red;display:none">*</span>
						</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">Description:</label>
						<div class="col-lg-3">
							<input type="text" id="txtItemDesc" maxlength="250" size="250" class="form-control">
							<span id="item_err_desc" style="color:Red;display:none">*</span>
						</div>
						<label class="col-lg-1 col-form-label">Reference:</label>
						<div class="col-lg-3">
							<input type="text" id="txtItemRef" maxlength="250" size="250" class="form-control">
						</div>
					</div>	
				</div>

			</div>
		</div>

		<div class="kt-portlet__foot">
			<div class="kt-form__actions ">
				<button type="button" id="btnItemAdd" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Add</button>
				<button type="button" id="btnItemUpdate" class="btn btn-label-twitter"><i class="fa fa-edit"></i>Update</button>
				<button type="button" id="btnItemClear" class="btn btn-label-google"><i class="flaticon-delete"></i>Clear</button>
				<button type="button" id="btnItemPrint" 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">
				Filter Item
			</h3>
			
		</div>
		
	</div>
	<div class="kt-portlet__body">
		<div class="form-group row form-group-marginless">
		
			<div class="col-lg-2">
				<input type="text" id="filterCode" class="form-control" placeholder="Look up code..">
			</div>
			
			<div class="col-lg-2">
				<input type="text" id="filterDesc"  class="form-control" placeholder="Description..">
		
			</div>
			<div class="col-lg-2">
				<input type="text" id="filterBrand"  class="form-control" placeholder="Brand..">
		
			</div>
			<button type="button" onclick="filterItem();" class="btn btn-brand btn-elevate btn-icon-sm">
				<i class="la la-filter"></i>
				Filter
			</button>
		</div>			
	</div>
	
</div>
<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
	<div class="row">
		<div class="col-lg-6">

			<!--begin::Portlet-->
			<div class="kt-portlet">
				<div class="kt-portlet__head">
					<div class="kt-portlet__head-label">
						<h3 class="kt-portlet__head-title">
							RMS Item
						</h3>
						<div class="kt-portlet__head-actions" style="margin-left: 25px;"> 
							<button type="button" onclick="addItem()" class="btn btn-brand btn-elevate btn-icon-sm">
								
								Export >>
							</button>
						</div>
					</div>
				
								
							
				</div>
				<div class="kt-portlet__body">
					<!--begin: Datatable -->
					<div class="sbg-export-table"></div>
					<!--end: Datatable -->
				</div>
			
			</div>

			<!--end::Portlet-->


		</div>
		<div class="col-lg-6">

			<!--begin::Portlet-->
			<div class="kt-portlet">
				<div class="kt-portlet__head">
					<div class="kt-portlet__head-label">
						<h3 class="kt-portlet__head-title">
							Local Item
						</h3>
					</div>
				</div>
				<div class="kt-portlet__body">
					<!--begin: Datatable -->
					<div class="sbg-item-table"></div>
					<!--end: Datatable -->
				</div>
				
			</div>

			<!--end::Portlet-->

	
		</div>
	</div>
</div>
<script type="text/javascript">
var itemexport_url = "<?php echo Util::convertLink("ItemExport") ; ?>" ;
<?php include (PATH_CODE . "js/activity/itemexport.js") ; ?>
</script>
