@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
	<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>
				<li >
					<a href="{{url('Admin-Panel')}}" class="active" title="Administration">
						<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-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
						Admin Panel
					</a>
				</li>
			</ul>
		</ol>
	</div>
	</div><br>
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="widget-content widget-content-area" height="800">
					<div class="row">
						<div class="col-md-3">
							<label for="Module" class="text-primary">Module</label>
							<select name="ModuleId" id="ModuleId" class="form-control" onchange="RedirectListRole()">
								<option selected value="">-- Select Module --</option>
								@foreach ($ModulesArray as $ModuleKey=>$ModuleValue)
									<option value="{{$ModuleKey}}">{{$ModuleValue}}</option>
								@endforeach
							</select>
						</div>
						<div class="col-md-3">
							<label for="Role" class="text-primary">Role </label>
							<select name="RoleId" id="RoleId" class="form-control" onchange="FetchSpecificModule(this.value)" >
								<option selected="" value="">-- Select Role --</option>
								@foreach ($RollsArray as $Rollkey=>$Rollvalue)
									<option value="{{$Rollkey}}">{{$Rollvalue}}</option>
								@endforeach
							</select>
						</div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-3">
							<a  class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Copy Roles</a>
						</div>
					</div>
					<br>
					<div class="row">
						<div class="col-md-12" name="FiltersOptionList" id="FiltersOptionList">	</div>
					</div>
				</div>
		</div>

	</div>
	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Configure Default View</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <svg aria-hidden="true" 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-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                </button>
            </div>
            <div class="modal-body" id="response_div">
				<div class="row">
					<div class="col-md-4">
						<label class="text-primary">From Role</label>
							<select name="FromRole" id="FromRole" class="form-control" >
							<option selected="" value="">-- Select Role --</option>
							@foreach ($RollsArray as $Rollkey=>$Rollvalue)
								<option value="{{$Rollkey}}">{{$Rollvalue}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-4">
						<label class="text-primary">To Role </label>
						<select name="ToRole" id="ToRole" class="form-control">
							<option selected="" value="">-- Select Role --</option>
							@foreach ($RollsArray as $Rollkey=>$Rollvalue)
								<option value="{{$Rollkey}}">{{$Rollvalue}}</option>
							@endforeach
						</select>
					</div>
				</div>
				<br>
				<div class="row">
					<div class="col-md-3">
						<input type="button"  value="Copy Roles" name="submit" class="btn btn-primary" onclick="CopyRoles()">
					</div>
					<br>
					<div id="DisplayNotify"></div>
				</div>
			</div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
                <!-- <button type="button" class="btn btn-primary">Save</button> -->
            </div>
        </div>
    </div>
</div>
	<!--  END CONTENT AREA  -->
@endsection