@inject('permission_helper', 'App\Helpers\PermissionHelper')
@inject('permission_helper', 'App\Helpers\PermissionHelper')
@php $selected = $permission_helper->selected($model->permissions) @endphp
@php $permission_helper->getGroups() @endphp


@include('admin.layouts.components.forms.input', [
    'label' => __('form.name'),
    'type' => 'text',
    'name' => 'name',
    'required' => true,
])

<div class="form-group">
    {{ html()->label(__('form.permissions'))->class('mb-2.5 font-semibold text-black dark:text-white') }}
    {{ html()->span('*')->class('text-danger') }}
    <div class="col-10 mb-5">
        <div class="grid grid-cols-1 ">
            @foreach ($permission_helper->getGroups() as $resultGroup => $rec_group)
                <div class="border border-gray-100 p-2 m-2">
                    <div class="bg-brandBlue text-white p-1">{{ strtoupper($rec_group->group_name) }}</div>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
                        @foreach ($permission_helper->dropdown() as $package => $permission)
                            @if ($permission->group_name == $rec_group->group_name)
                                <label class="relative inline-flex items-center cursor-pointer my-3">
                                    <input type="checkbox" value="{{ $permission->id }}" class="sr-only peer"
                                        name="permissions[]"
                                        {{ in_array($permission->id, $selected) ? 'checked' : '' }}>
                                    <div
                                        class="w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-brandOrange">
                                    </div>
                                    <span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300"
                                        title="{{ __('permissions.' . $permission->group_details) }}">
                                        {{ __('permissions.' . $permission->name) }}
                                    </span>
                                </label>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    @error('permissions')
        <span class="text-danger">{{ $message }}</span>
    @enderror
</div>