@extends('app')
@section('main-content')	
	<div class="container-fluid" style="margin-left: 20px;margin-right: 20px;" >		
		<nav class="navbar navbar-default">

			  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				 <ul class="nav navbar-nav">
					<li class="active"><a href="">Roles Actuales</a></li>
					<li><a href="/roles/create/">Crear Rol</a></li>						
				 </ul>
			  </div>

		</nav>
 		<h4><b>Lista de Roles</b></h4>
		<div class="panel panel-success">
		  
		   <div class="panel-body">
			<div class="">
			  <table class="table table-bordered table-responsive">
			  
				<thead>
					<tr>
						<th style="text-align: center;">Id</th>
						<th style="text-align: center;">Nombre</th>
						<th style="text-align: center;">Alias</th>
						<!--<th style="text-align: center;">Nivel</th>-->
						<th style="text-align: center;">Permisos</th>						
						<th style="text-align: center;" colspan="2">Acciones</th>
					</tr>
				</thead>
				<tbody>
				 @foreach($roles as $item)
					<tr>
						<td style="text-align: center;"> {{ $item->id}}</td>
						<td style="text-align: center;"> {{ $item->name}} </td>	
						<td style="text-align: center;"> {{ $item->slug}} </td>	
						<!--<td style="text-align: center;"> {{ $item->level}} </td> -->						
						<td style="text-align: center;">
							@foreach($item->permisos2() as $permiso) 
								 {{ $permiso->name}}</br>
							@endforeach						  
					    </td>
						<td style="text-align: center;">
						  <a href="/roles/edit/{{ $item->id}}"><span class="btn btn-success btn-sm" style="background: #3c8dbc;border-color: #3c8dbc;"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span></a>
						</td>
						<td style="text-align: center;">  
							<a onclick="return confirmSubmit()" href="{{ url('/roles/destroy',$item->id) }}"> 
							<span class="btn btn-warning btn-sm"><i class="fa fa-trash" aria-hidden="true"></i></span></a>  
						</td>
					</tr>
				 @endforeach
				</tbody>
			  </table>
			</div> 
		   </div>
		</div>

		@if(Session::has('message'))
		   <div class="alert alert-{{ Session::get('class') }}">{{ Session::get('message')}}</div>
		@endif
	</div>
@endsection