@if (request()->user()->hasRole(\App\Models\Role::ROLE_ADMIN))
    <div class="col-6">
        <form method="post" action="{{ route('pages.customize-access', $page->id) }}">
            @csrf
            <div class="form-group">
                <label class="form-label" for="roles"><i class="fas fa-cog"></i> Customise Button Access</label>
                <select id="roles"
                        multiple
                        tabindex="-1"
                        aria-hidden="true"
                        class="select d-none form-control @error('roles') is-invalid @enderror"
                        name="roles[]"
                >
                    <option value="{{ \App\Models\Role::ROLE_SUPERVISOR }}" @if($customizeAccessRoles->contains('name', \App\Models\Role::ROLE_SUPERVISOR)) selected="selected"@endif>{{ \App\Models\Role::ROLE_SUPERVISOR }}</option>
                    <option value="{{ \App\Models\Role::ROLE_WORKER }}" @if($customizeAccessRoles->contains('name', \App\Models\Role::ROLE_WORKER)) selected="selected"@endif>{{ \App\Models\Role::ROLE_WORKER }}</option>
                </select>
                <p class="form-text">Select user roles that you want to see the customize button, otherwise, leave it empty.</p>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-secondary">Update Access</button>
            </div>
        </form>
    </div>
@endif