<div>
    <form role="form" wire:submit.prevent="store">
        <div class="card-body">
            <div class="form-group">
                <label for="name">نام *</label>
                <input class="form-control @error('name') is-invalid @enderror" id="name"
                          wire:model.defer="name" type="text" required>
                @error('name')
                    <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="row" wire:ignore>
                @foreach($permissions as $permission)
                    <div class="col-lg-6 col-md-6 col-12 mt-3">
                        <div class="row">
                            <div class="col-6">
                                <label for="permission{{ $permission->id }}">
                                    {{ $permission->label }}
                                </label>
                            </div>
                            <div class="col-6 text-lg-right text-md-right text-left">
                                <input id="permission{{ $permission->id }}"
                                       type="checkbox"
                                       data-id="{{ $permission->id }}"
                                       class="toggle-permission">
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            @error('permission_id')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
        <div class="card-footer">
            <button type="submit" class="btn btn-primary">ذخیره</button>
            <a href="{{ route('admin.roles.index') }}" class="btn btn-danger float-left">لغو</a>
        </div>
    </form>
</div>

@include('livewire.admin.role.toggle-permission')