@extends('business::layouts.master')
@section('pagetitle','Dashboard') 
@section('subheader')
@include('business::usersetting.subheader.commonsubheader')
@endsection
<style>
	a.positionedit:hover::after{
		content: attr(data-node);
		color:#595D6E;
		position: absolute;
		top: 3ex;
		left: -.5ch;
		border-bottom: 0 none transparent;
	}
	a.cfrmdelete:hover::after {
		content: attr(data-node);
		color:#595D6E;
		position: absolute;
		left: 1ch;
		top: 3ex;
		border-bottom: 0 none transparent;
	}
	.dropdown-item:active {
		color: #595d6e !important;
		text-decoration: none;
		background-color: #f7f8fa !important;
	}
</style>
@section('content')
@if(session('success'))
<div class="alert alert-primary fade show" role="alert">
	
	<div class="alert-text ">{{ session('success') }}</div>
	<div class="alert-close">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true"><i class="la la-close"></i></span>
		</button>
	</div>
</div>
@elseif(session('error'))
<div class="alert alert-primary fade show" role="alert">
	<div class="alert-text ">{{ session('error') }}</div>
	<div class="alert-close">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true"><i class="la la-close"></i></span>
		</button>
	</div>
</div>
@endif
<div class="kt-grid kt-grid--desktop kt-grid--ver kt-grid--ver-desktop kt-app">
	
	@include('business::usersetting.aside.sidemenu')

	<!--Begin:: App Content-->
	<div class="kt-grid__item kt-grid__item--fluid kt-app__content" id="positiontab">
		<div class="row">
			<div class="col-12">
				<div class="kt-portlet kt-portlet--height-fluid ">
					<div class="kt-portlet__head kt-portlet__head--lg">
						<div class="kt-portlet__head-label curdefault">
							<span class="kt-portlet__head-icon">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24" fill="#0086FF"><path d="M0 0h24v24H0z" fill="none"/><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
							</span>
							<h3 class="kt-portlet__head-title">
								Position List
							</h3>
						</div>
						<div class="kt-portlet__head-toolbar">
							<div class="kt-portlet__head-wrapper">

								<button id="btnadd_position" type="button" class="btn btn-brand btn-icon-sm"  aria-haspopup="true" aria-expanded="false">
									<i class="flaticon2-plus"></i> Add Position
								</button>
							</div>
						</div>
					</div>
					<div class="kt-portlet__body">

						
						<!--begin: Search Form -->
						<div class="kt-form kt-form--label-right kt-margin-t-20 kt-margin-b-10">
							<div class="row align-items-center">
								<div class="col-xl-12 order-2 order-xl-1">
									<div class="row align-items-center">
										<div class="col-md-5 kt-margin-b-20-tablet-and-mobile">
											<div class="kt-input-icon kt-input-icon--left">
												<input type="text" class="form-control" placeholder="Search..." id="positionSearch">
												<span class="kt-input-icon__icon kt-input-icon__icon--left">
													<span><i class="la la-search"></i></span>
												</span>
											</div>
										</div>

										
									</div>
								</div>

							</div>
						</div>

						<!--end: Search Form -->

						<!--begin: Selected Rows Group Action Form -->
						<div class="kt-form kt-form--label-align-right kt-margin-t-20 collapse" id="kt_datatable_group_action_form">
							<div class="row align-items-center">
								<div class="col-xl-12">
									<div class="kt-form__group kt-form__group--inline">
										<div class="kt-form__label kt-form__label-no-wrap">
											<label class="kt-font-bold kt-font-danger-">Selected
												<span id="kt_datatable_selected_number">0</span> records:</label>
											</div>
											<div class="kt-form__control">
												<div class="btn-toolbar">
													
													<div class="dropdown">
														<button type="button" class="btn btn-brand btn-sm dropdown-toggle"
														data-toggle="dropdown" >
														Update status
													</button>
													<div class="dropdown-menu" id='update_status'>
														<a class="dropdown-item kt-font-darkideal " href="javaScript:void(0);"><span >Active</span></a>
														<a class="dropdown-item kt-font-darkideal " href="javaScript:void(0);"><span >In Active</span></a>
													</div>
												</div>
												&nbsp;&nbsp;&nbsp;
												<button class="btn btn-sm btn-brand btn-icon-sm" type="button" id="delete_all">Delete</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!--end: Selected Rows Group Action Form -->
					</div>
					<div class="kt-portlet__body kt-portlet__body--fit">

						<!--begin: Datatable -->
						<div class="kt-datatable" id="position_table"></div>

						<!--end: Datatable -->
					</div>
				</div>
			</div>	
		</div>

	</div>		
</div>




<!--End:: App Content-->
</div>

<!-- end:: Content -->
@include('business::usersetting.position.mdlposition_add')
@include('business::layouts.footer')
@endsection

@section('pagescript')
<script src="/assets/js/business/position/position.js?version=1512596274" type="text/javascript"></script>
<script src="/assets/js/business/aside/aside.js?version=1077247446" type="text/javascript"></script>
@endsection