From a4d1ae1341b7463ee1395c87f95d7d2273c24b36 Mon Sep 17 00:00:00 2001
From: ayntk-ai <122374094+ayntk-ai@users.noreply.github.com>
Date: Mon, 2 Sep 2024 21:54:21 +0200
Subject: [PATCH] Feat: ability to hide labels

---
 .../views/components/forms/checkbox.blade.php     | 12 ++++++++++++
 .../views/components/modal-confirmation.blade.php | 15 ++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/resources/views/components/forms/checkbox.blade.php b/resources/views/components/forms/checkbox.blade.php
index f3e3d5c9e..11e913845 100644
--- a/resources/views/components/forms/checkbox.blade.php
+++ b/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 }}'
diff --git a/resources/views/components/modal-confirmation.blade.php b/resources/views/components/modal-confirmation.blade.php
index c2f3f19a9..72cf70758 100644
--- a/resources/views/components/modal-confirmation.blade.php
+++ b/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