@extends('layouts.app')

@section('content')
	<div class="row">
	    <div class="col-lg-12 margin-tb">
	        <div class="pull-left">
	            <h2> Show Role</h2>
	        </div>
	        <div class="pull-right">
	            <a class="btn btn-primary" href="{{ route('roles.index') }}"> Back</a>
	        </div>
	    </div>
	</div>

	<div class="form-horizontal addBorderClass">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12">
	            <div class="form-group">
	                <label class="col-md-2">Name:</label>
	                {{ $role->display_name }}
	            </div>
	        </div>

	        <div class="col-xs-12 col-sm-12 col-md-12">
	            <div class="form-group">
	                <label class="col-md-2">Description:</label>
	                {{ $role->description }}
	            </div>
	        </div>

	        <div class="col-xs-12 col-sm-12 col-md-12">
	            <div class="form-group">
	                <label class="col-md-2">Permissions:</label>
	                <div class="col-md-8">
	                @if(!empty($rolePermissions))
	                	<table class="table">
	                        <tbody>
	                        <tr>
	                            @foreach($rolePermissions as $k=>$v)
	                                <td style="border-top:0px;">
	                                    <label class="label label-success">{{ $v->display_name }}</label>
	                                </td>
	                                @if(($k+1) % 6 == 0)
	                                </tr>
	                                <tr>
	                                @endif
	                            @endforeach
	                        </tr>
	                        </tbody>
	                    </table>

						<!-- @foreach($rolePermissions as $v)
							<label class="label label-success">{{ $v->display_name }}</label>
						@endforeach -->
					@endif
					</div>
	            </div>
	        </div>
		</div>
	</div>

@endsection