@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 $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
                    </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>