@extends('admin.layout.master')
@section('title','PERMISSION MANAGEMENT')
@section('custom_style')
<style>
    input[type=text],
    input[type=file],
    input[type=number] {
        height: 35px !important;
    }
    .table th, .table td {
            padding: 0px 5px;
            color: black;
        }
        .table th {
           background: #ab3535;
           padding: 5px !important;
           color: white !important;
        }
        .table-bordered th, .table-bordered td {
            border: 1px solid #c1c1c1 !important;
        }
        .special-cell{
            background: #bfbfbf;
            padding: 5px !important;
            color: black !important;
        }
</style>
<style>
    table {

        width:100%
    }
    table, td, th {
        border: 1px solid gray;
        border-collapse:initial;
        border-spacing: 0;
        padding: 2px 4px;
    }
    td {
        vertical-align: top;
    }
    @media print {
    thead { display: table-header-group; }

    .table th {
        background: #fff;
        color: #000 !important;
    }
    }

</style>
@endsection
@section ('content')
 
    <div class="card sina-card">
        @include('admin.layout.title_header', ['title'=>'All Permissions'])
        {{-- <div class="card-header card-header-s">
            <h4>All Permissions</h4>
        </div> --}}
        <div class="card-body" id="divTableDataHolder">
            <div>
                <table class="table table-bordered table-hover">
                    <thead class="">
                        <tr>
                            <th>#</th>
                            <th>NAME</th>
                            <th>ROUTE</th>
                            <th>GROUP</th>
                            {{-- <th>TASK</th> --}}
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($permissions->groupBy('group_name') as $key=>$group)
                        <tr>
                            <td class="text-center text-primary" colspan="4"><b>{{strtoupper($key)}}</b> </td>
                        </tr>
                        @forelse ($group as $i => $permission)
                            
                            <tr>
                                <td>{{$i+1}}</td>
                                <td>{{$permission->name}}</td>
                                <td>{{$permission->route_name}}</td>
                                <td>{{$permission->group_name}}</td>
                                {{-- <td></td> --}}
                            </tr>
                        @empty
                            
                        @endforelse
                        @empty
                        <tr>
                            <td colspan="5">There is no data recorded</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div> 
@endsection