@section('title', __('Edit Role'))
<div>
    <p class="mb-5">
        <a href="{{ route('admin.settings.roles.index') }}">{{ __('Roles') }}</a>
        <span class="dark:text-gray-200">- {{ __('Edit Role') }}</span>
    </p>


    <div class="float-right"><span class="error">*</span> <span class="dark:text-gray-200"> = {{ __('required') }}</span>
    </div>

    <div class="clearfix"></div>

    <x-form wire:submit.prevent="update" method="put">

        <div class="row">

            <div class="md:w-1/2">
                @if ($role->name === 'admin')
                    <x-form.input wire:model="label" :label="__('Role')" name='label' disabled />
                @else
                    <x-form.input wire:model="label" :label="__('Role')" name='label' required />
                @endif
            </div>

        </div>

        @if ($role->name !== 'admin')

            <div class="mx-auto max-w-screen-md">
                    @foreach($modules as $module)
                        <h3 class="mt-4">{{ $module }}</h3>
                        <table>
                            <thead>
                            <tr>
                                <th class="dark:text-gray-300">{{ __('Permission') }}</th>
                                <th class="dark:text-gray-300">{{ __('Action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach (\App\Models\Permission::where('module', $module)->orderby('name')->get() as $perm)
                                <tr>
                                    <td>{{ $perm->label }}</td>
                                    <td><input type="checkbox" wire:model="permissions" value="{{ $perm->name }}"></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @endforeach
                </div>

        @endif

        <x-form.submit>{{ __('Update Role') }}</x-form.submit>

    </x-form>

</div>