@extends('admin.layout.master')
@section('title','ROLE MANAGEMENT')
@section ('content') 
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">ROLES</h4> 
        </div> 
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>NAME</th>
                            <th>PERMISSION</th>
                            <th>CREATED BY</th>
                            <th>ACTION</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($roles as $key=>$role)
                        <tr>
                            <td>{{$key+1}}</td>
                            <td>{{$role->name}}</td>
                            <td class="text-wrap">
                            @php
                                $str=''
                            @endphp
                            @forelse($role->permissions->groupBy('group_name') as $key=>$per_group)
                            @php
                                $str.='<span class="badge badge-info">'.$key.' </span> ,'
                            @endphp
                            @empty
                            @endforelse
                            {!!$str!!}
                            </td>
                            <!-- <td>{{$role->creator?$role->creator->name:''}}</td> -->
                            <td>OK</td>
                            <td>
                                @if(checkAuthPermission('role.edit'))
                                    <a href="{{route('role.edit',['role_id'=>$role->id])}}">Edit</a>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4">There is no data recorded</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div> 
    </div> 
@endsection