@extends('admin.tpl.admintpl')

@section('content')

<!--<div class="row">-->
<!--	<div class="col-md-12">                    -->
<!--	  <div class="panel">-->
<!--		<div class="panel-heading">-->
<!--			<div class="panel-control">-->
<!--				<button class="btn btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></button>-->
<!--				<button class="btn btn-default" data-click="panel-reload"><i class="fa fa-refresh"></i></button>-->
<!--				<button class="btn btn-default" data-click="panel-collapse"><i class="fa fa-chevron-down"></i></button>-->
<!--				<button class="btn btn-default" data-dismiss="panel"><i class="fa fa-times"></i></button>-->
<!--			</div>-->
<!--			<h3 class="panel-title">Roles Form</h3>-->
<!--		</div>-->
		<!--<div class="panel-body">-->
		<!--	{{ csrf_field() }}-->
			<!-- Inline Form  -->
			<!--===================================================-->
		<!--	<form data-parsley-validate class="form-inline" id="form-roles" action="{{ route('createroles') }}">-->
				
		<!--		<div class="form-group mar-hor">-->
		<!--			<label for="role-name" class="sr-only">Role name</label>-->
		<!--			<input type="text" placeholder="Enter role name" id="role_name" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="0">-->
		<!--		</div>-->
		<!--		<div class="form-group mar-rgt">-->
		<!--			<label for="role-code" class="sr-only">Role code</label>-->
		<!--			<input type="text" placeholder="Role code" id="role_code" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="1">-->
		<!--		</div>-->
		<!--		<div class="form-group mar-rgt">-->
		<!--			<label for="role-code" class="sr-only">Role level</label>-->
		<!--			<input type="number" placeholder="Role level" id="role_level" class="form-control" data-parsley-trigger="blur" data-parsley-required data-index="2">-->
		<!--		</div>-->
				
		<!--		<button class="btn btn-info" type="submit">Save</button>-->
		<!--	</form>-->
			<!--===================================================-->
			<!-- End Inline Form  -->
		<!--</div>-->
<!--	 </div>-->
<!--   </div>-->
<!-- </div>-->

<br></br>
<br></br>
<br></br>
<!-- Basic Data Tables -->
<!--===================================================-->
<div class="panel">
<div class="panel-heading">
	<h3 class="panel-title">List of Roles</h3>
</div>
<div class="panel-body">
	<table id="demo-dt-basic" class="table table-striped table-bordered table-responsive response-datas">
		<thead>
			<tr>
				<th>Role Name</th>
				<th>Role Code</th>
				<th>Role Level</th>
				<!--<th class="">Operations</th>-->
				
			</tr>
		</thead>
		<tbody>
			@foreach($roles as $role)
			<tr>
				<td>{{$role->role_name}}</td>
				<td>{{$role->role_code}}</td>
				<td>{{$role->role_level}}</td>
				<!--<td>-->
				<!--	<div class="btn-group btn-group-lg">-->
				<!--		<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">-->
				<!--		Action <i class="dropdown-caret fa fa-chevron-down"></i>-->
				<!--		</button>-->
				<!--		<ul class="dropdown-menu">-->
				<!--			<li class="dropdown-header">Selct action</li>-->
				<!--			<li><a href="#" data-slug="{{ $role->slug }}" class="deleteget-details-role">Details</a>-->
				<!--			</li>-->
				<!--			<li><a href="#" data-slug="{{ $role->slug }}" class="update-role">Update</a>-->
				<!--			</li>-->
				<!--			<li><a href="{{ url('deleterole/'.$role->slug) }}" data-slug="{{ $role->slug }}" class="delete-role">Delete</a>-->
				<!--			</li>-->
				<!--		</ul>-->
				<!--	</div>-->
				<!--</td>-->
			</tr>
			@endforeach	
		</tbody>
	</table>
</div>
</div>
					


@stop

@section('addlibjs')

<!-- We put here the additionnals libs for this page only -->

 <!--Demo script [ DEMONSTRATION ]-->
 <script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
 <!--DataTables [ OPTIONAL ]-->
 <!--Bootstrap Table [ OPTIONAL ]-->
<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
<!--DataTables Sample [ SAMPLE ]-->
<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
<!--Demo script [ DEMONSTRATION ]-->
<!-- Form validation -->
<script src="{{ asset('assets/plugins/parsley/parsley.min.js') }}"></script>

<!--Actions roles user -->
<script src="{{ asset('js/admin/rolesuser/create-role-user.js') }}"></script>
<script src="{{ asset('js/admin/rolesuser/delete-role-user.js') }}"></script>
@stop