@extends('layouts.main')

@section('content')

<section class="content-header">
    <h1> Show Roles</h1>
    <ol class="breadcrumb">
        <li><a href="/home"><i class="fa fa-dashboard"></i>Home</a></li>
        <li><a href="#">Management</a></li>
        <li><a href="/roles">Roles</a></li>
        <li class="active"><a href="#">Show</a></li>
    </ol>
</section>

<hr style="border: 3px groove #3c8dbc;">

<section  class="content" >
    <div class="row"> 
        <div class="col-md-6">
            <div class="box box-primary">
                
                <div class="box-header">
                    <a class="btn btn-primary" href="{{ route('roles.index') }}"> Back</a>
                </div>
                
                    <div class="container">
                        <div class="form-group">
                            <label>Name:</label>
                               <b> {{ $role->name }}</b>
                        </div>
                
                        <div class="form-group">
                            <label>Permissions:</label>
                            <br/>
                            
                            @if(!empty($rolePermissions))
                                @foreach($rolePermissions as $v)
                                    <label style="font: 20px red;color: blue;">{{ $v->name }}</label><br/>
                                @endforeach
                            @endif
                        </div>
                    </div>
            </div>
        </div>
    </div>
</section>



@endsection