@extends('layouts.app',['dashBoardTitle'=>'ROLE'])

@section('content')
<div class="container " id="main-container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <!-- <div class="card">
                <div class="panel-heading mytckt-hedng">
                    <div>
                    <a  href="{{ route('roles.index') }}" class="btn clr-al"style="border-color:white;float:left">
                        <i class="fa-sharp fa-solid fa-arrow-left clr"></i>
                    </a>
                    </div>
                    <div class="bold p-1 "><span class="head-capt">{{ ucfirst($role->name) }} Role</span>
                    </div>
                
                </div>

                <div class="container mt-4"> -->

            <div><h3>Assigned permissions</h3></div>

            <table class="table table-striped">
                <thead>
                    <th scope="col" width="20%">Name</th>
                    <th scope="col" width="1%">Guard</th> 
                </thead>

                @foreach($rolePermissions as $permission)
                    <tr>
                        <td>{{ $permission->name }}</td>
                        <td>{{ $permission->guard_name }}</td>
                    </tr>
                @endforeach
            </table>
        </div>

    </div>
    <div class="mt-4">
        <a href="{{ route('roles.edit', $role->id) }}" class="btn btn-success float-right">Edit</a>
    </div>
@endsection