{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Role')

@section('content')
        <div class="card">
            <div class="card-content">
                <span class="card-title">Show Role</span>
            <table class="striped">
               <tbody>
                   <tr>
                       <th>ID</th>
                       <td>{{$role->id}}</td>
                   </tr>
                   <tr>
                       <th>Title</th>
                       <td>{{$role->title}}</td>
                   </tr>
                   <tr>
                    <th style="vertical-align:top;">Permissions</th>
                    <td>
                        @foreach ($role->permissions as $item)
                            <div class="chip">{{$item->title}}</div>
                        @endforeach
                    </td>
                </tr>
               </tbody>
            </table>
            <div class="pt-1">
                <a class="waves-effect waves-light btn" href="{{route('admin.roles.index')}}">Back to list</a>
            </div>
            
            </div>
            
        </div>
        
@endsection