@csrf
<div class="card">
    <div class="card-underline">
        <div class="card-header">
            <header class="mt-2">
                <h5>{!! $header !!}</h3>
            </header>
        </div>
        <div class="card-body">
            <div class="form-group ">
                <label for="name" class="col-form-label pt-0">Role {!! requiredLabel() !!}</label>
                <input class="form-control" type="text" required name="name" value="{{ old('name', isset($role->name) ? $role->name : '') }}"  placeholder="Enter Your Name">
            </div>
            <div class="form-group">
                <label for="">Permissions</label>
            </div>
            <div class="row">
                <table class="table table-responsive">
                    <thead>
                        <tr>
                            <th>Select <input type="checkbox" disabled></th></th>
                            <th>Permission</th>
                            <th>Type</th>
                            <th>Module</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($permissions as $type => $permissionsByType)
                            <tr>
                                <td colspan="5" align="center" style="background: #000; color: #fff;font-size:25px"><b class="text-uppercase text-center">{{ $type }}</b></td>
                            </tr>
                            @foreach ($permissionsByType as $module => $permissionsByModule)
                                <tr>
                                    <td colspan="5" align="center" style="background: #e4e4e4; color: #ae0000;font-size:20px"><b class=" text-center">{{ $module }}</b></td>
                                </tr>
                                @foreach ($permissionsByModule as $permission)    
                                <tr>
                                    <td>
                                        <input type="checkbox" name="permissions[]" value="{{$permission->id}}" {{ in_array($permission->id, $assignedPermissions) ? 'checked' : '' }}>
                                    </td>
                                    <td>
                                        <b>{{$permission->name}}</b>
                                    </td>
                                    <td>
                                        {{$permission->type}}
                                    </td>
                                    <td>
                                        {{$permission->module}}
                                    </td>
                                    <td>
                                        {{$permission->description}}
                                    </td>
                                </tr>
                                @endforeach
                            @endforeach
                            <tr>
                                    <td colspan="5"></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
            <div class="form-group">
                <a class="btn btn-danger waves-effect btn-sm ml-1" href="{{ route('role.index') }}">
                    <i class="md md-arrow-back"></i>
                    Back
                </a>
                <input type="submit" name="pageSubmit"
                    class="btn btn-success btn-sm waves-effect waves-light float-right" value="Submit">
            </div>
        </div>
    </div>
</div>