@extends('layouts.header')
@section('content')
@php
@endphp
<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
				<li><a href="{{url('dashboard')}}" title="Go to Home Page!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
			</ul>
		</ol>
	</div>
</div>
<div id="tableNoSpacing" class="col-lg-12 col-12 layout-spacing">
	<div class="statbox widget box box-shadow">
		<div class="widget-header">
			<div class="row">
				<div class="col-xl-12 col-md-12 col-sm-12 col-12">
					<h4>Module Sort Order Configuration  </h4>
				</div>
			</div>
		</div>
		<div class="widget-content widget-content-area">
			<div class="row">
				<div class="col-md-4 form-group" >
				<label>Select Modules</label>
					<select name="ModuleId" id="ModuleId" class="form-control" onchange="getModuleortOrderDetails(this.value)" >
						<option value="ALL">--ALL--</option>
						@foreach($ModulesArray as $EachModuleId=>$EachModuleName)	
							<option value="{{$EachModuleId}}">{{$EachModuleName}}</option>
						@endforeach
					</select>
				</div>
			</div>
			<br>
			
			<br>
			<div id="DisplayModuleSortDetails"></div>
		</div>
	</div>
	@endsection