@extends('layouts.admissions')

@section('content')

			<div class="container-fluid">
				<div class="page-header">
					<div class="pull-left">
						<h1>@if(!empty($status)) {{$status}} @endif</h1>
					</div>
					
				</div>
				<div class="row">
					<div class="col-sm-6">
						<label>
							@if(!empty($status)) {{$status}} @endif
						</label>
						
					</div>
					
				</div>
				
				@if (count($errors) > 0)
				    <div class="alert alert-danger">
				        <ul>
				            @foreach ($errors->all() as $error)
				                <li>{{ $error }}</li>
				            @endforeach
				        </ul>
				    </div>
				@endif
				<div class="row ">
					<div class="col-lg-6 pull-right">
						<div class="dropdown">
						  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Actions
						  <span class="caret"></span></button>
						  <ul class="dropdown-menu">
						    <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createpermissions" >Menu Permission Roles</a></li> 
						    <li><a href="javascript:void(0)" data-toggle="modal" data-target="#createsubmenupermissions" >SubMenu Permission</a></li>
						  </ul>
						</div>						
					</div>
				</div>
				@if(session('status'))
					<div class="row alert alert-success">
						<div class="col-sm-8">
							{{session('status')}} 
						</div>
					</div>
				@endif
				<div class="row">
					<div class="col-sm-12">
							<table id="example" style="border-collapse: collapse;" border="1" width="100%">
									<thead>
									<tr>
										<th>#</th>
										<th>Role</th>
										<th>Permission</th>
										</th>
									</tr>
									</thead>
									<tbody>
										@php $c=1; @endphp
									@foreach($permission_roles as $perm)
										<tr>
											<td>{{$c++}}</td>
											<td>{{$perm->role->name}}</td>
											<td>{{$perm->permission->name}}</td>
										</tr>
									@endforeach
									
									</tbody>
								</table>
					</div>

				</div>
			</div>

		 <div id="createpermissions" class="modal fade" role="dialog">
		  <div class="modal-dialog">

		    <!-- Modal content-->
		    <form action="{{url('newpermissions')}}" method="post">
		    	{{csrf_field()}}
		    	<div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal">&times;</button>
			        <h4 class="modal-title">Create Permission Role</h4>
			      </div>
			      <div class="modal-body">
			        <div class="row">
			        	<div class="col-lg-12">
			        		<div class="form-group">
			        			 <label>Role</label>
			        			 <select class="form-control" name="role_id" required="">
			        			 	<option value="">Select</option>
			        			 	@foreach($roles as $role)
			        			 		<option value="{{$role->id}}">{{$role->name}}</option>
			        			 	@endforeach
			        			 </select>
			        		</div>
			        	</div>
			        </div>
			        <label class="btn btn-sm btn-primary"><input type="checkbox" name="" class="checkAll" > Select All</label>
			        <div class="row">
			        	@foreach($menus as $menu)
			        		<div class="col-lg-4">
			        			<div class="form-group">
			        				<input type="checkbox" name="menu_id[]" value="{{$menu->id}}">&nbsp;&nbsp;&nbsp; {{title_case($menu->name)}}
			        			</div>
			        		</div>
			        	@endforeach
			        </div>
			      </div>
			      <div class="modal-footer">
			        <button type="submit" class="btn btn-sm btn-primary"> <i class="fa fa-plus"></i>Save</button>
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			      </div>
		    	}
		    </div>
		    </form>

		  </div>
		</div>
		<div id="createsubmenupermissions" class="modal fade" role="dialog">
		  <div class="modal-dialog">

		    <!-- Modal content-->
		    <form action="{{url('newsubmenupermissions')}}" method="post">
		    	{{csrf_field()}}
		    	<div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal">&times;</button>
			        <h4 class="modal-title">Create Permission Role</h4>
			      </div>
			      <div class="modal-body">
			        <div class="row">
			        	<div class="col-lg-12">
			        		<div class="form-group">
			        			 <label>Role</label>
			        			 <select class="form-control" name="role_id" required="">
			        			 	<option value="">Select</option>
			        			 	@foreach($roles as $role)
			        			 		<option value="{{$role->id}}">  {{title_case($role->name)}}</option>
			        			 	@endforeach
			        			 </select>
			        		</div>
			        	</div>
			        </div>
			        <label class="btn btn-sm btn-primary"><input type="checkbox" name="" class="checkAll" > Select All</label>
			        <div class="row">
			        	@foreach($menu_items as $item)
			        		<div class="col-lg-4">
			        			<div class="form-group">
			        				<input type="checkbox" name="menu_item[]" value="{{$item->id}}"> &nbsp;&nbsp;&nbsp; {{title_case($item->name)}}
			        			</div>
			        		</div>
			        	@endforeach
			        </div>
			      </div>
			      <div class="modal-footer">
			        <button type="submit" class="btn btn-sm btn-primary"> <i class="fa fa-plus"></i>Save</button>
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			      </div>
		    	}
		    </div>
		    </form>

		  </div>
		</div>

@stop