Feat: ability to hide labels

resources/views/components/forms/checkbox.blade.php

@@ -1,4 +1,15 @@
+@props([
+    'id',
+    'label' => null,
+    'helper' => null,
+    'disabled' => false,
+    'instantSave' => false,
+    'value' => null,
+    'hideLabel' => false,
+])
+
 <div class="flex flex-row items-center gap-4 px-2 py-1 form-control min-w-fit dark:hover:bg-coolgray-100">
+    @if($hideLabel)
     <label class="flex gap-4 px-0 min-w-fit label">
         <span class="flex gap-2">
             @if ($label)
@@ -11,6 +22,7 @@
             @endif
         </span>
     </label>
+    @endif
     <span class="flex-grow"></span>
     <input @disabled($disabled) type="checkbox" {{ $attributes->merge(['class' => $defaultClass]) }}
         @if ($instantSave) wire:loading.attr="disabled" wire:click='{{ $instantSave === 'instantSave' || $instantSave == '1' ? 'instantSave' : $instantSave }}'

resources/views/components/modal-confirmation.blade.php

@@ -171,7 +171,20 @@
                             <div class="px-2">Select the actions you want to perform:</div>
                         </div>
                         @foreach($checkboxes as $index => $checkbox)
-                        <x-forms.checkbox :id="$checkbox['id']" :wire:model="$checkbox['id']" :label="$checkbox['label']" x-on:change="toggleAction('{{ $checkbox['id'] }}')" :checked="$this->{$checkbox['id']}" x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')"></x-forms.checkbox>
+                        <div class="flex items-center justify-between mb-2">
+                            <label for="{{ $checkbox['id'] }}" class="text-sm leading-5 text-gray-700 dark:text-gray-300 flex-grow pr-4">
+                                {{ $checkbox['label'] }}
+                            </label>
+                            <x-forms.checkbox 
+                                :id="$checkbox['id']" 
+                                :wire:model="$checkbox['id']" 
+                                x-on:change="toggleAction('{{ $checkbox['id'] }}')" 
+                                :checked="$this->{$checkbox['id']}" 
+                                x-bind:checked="selectedActions.includes('{{ $checkbox['id'] }}')"
+                                class="flex-shrink-0"
+                                :hide-label="true"
+                            />
+                        </div>
                         @endforeach
                     </div>
                     @endif