From f1d9a3ba067fb5369ad156da23c166ea586604e8 Mon Sep 17 00:00:00 2001
From: costin <costinlemnaru@gmail.com>
Date: Sat, 28 Oct 2023 17:42:40 +0300
Subject: [PATCH] Added enable other in admin.

---
 lang/en.json                                     |  1 +
 resources/js/components/Blocks/Form/Checkbox.vue |  2 ++
 resources/js/components/Form/CheckboxGroup.vue   | 16 ++++++++++++++++
 .../components/blocks/form/checkbox.blade.php    | 11 ++++++++++-
 4 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/lang/en.json b/lang/en.json
index f343ded2..cf1d5c25 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -256,6 +256,7 @@
     "field.question": "Question",
     "field.recipients": "Recipients",
     "field.required": "Required",
+    "field.enable_other": "Enable other",
     "field.role": "Role",
     "field.route": "Route",
     "field.send_submissions": "Send submissions by email",
diff --git a/resources/js/components/Blocks/Form/Checkbox.vue b/resources/js/components/Blocks/Form/Checkbox.vue
index 48471ba7..17515d71 100644
--- a/resources/js/components/Blocks/Form/Checkbox.vue
+++ b/resources/js/components/Blocks/Form/Checkbox.vue
@@ -20,6 +20,8 @@
         :help="$t('field_help.one_per_line')"
         v-model="content.options"
     />
+
+    <form-switch :label="$t('field.enable_other')" v-model="content.enable_other" />
 </template>
 
 <script>
diff --git a/resources/js/components/Form/CheckboxGroup.vue b/resources/js/components/Form/CheckboxGroup.vue
index 818f6520..9c2c5355 100644
--- a/resources/js/components/Form/CheckboxGroup.vue
+++ b/resources/js/components/Form/CheckboxGroup.vue
@@ -32,6 +32,22 @@
                     />
                 </label>
             </div>
+            asdasd
+            {{ enable_other }}
+            <div class="flex flex-wrap gap-4" v-if="enable_other">
+                <label
+                    class="flex space-x-2"
+                >
+                    <input
+                        type="text"
+                        name="other"
+                        class="text-blue-600 border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50 my-0.5"
+                        value=""
+                    />
+                    <span
+                        class="text-sm font-medium text-gray-700">Other</span>
+                </label>
+            </div>
 
             <p
                 v-if="help"
diff --git a/resources/views/components/blocks/form/checkbox.blade.php b/resources/views/components/blocks/form/checkbox.blade.php
index 9e65a570..b27a10a5 100644
--- a/resources/views/components/blocks/form/checkbox.blade.php
+++ b/resources/views/components/blocks/form/checkbox.blade.php
@@ -1,5 +1,7 @@
 @props(['block'])
-
+<script>
+    console.log(@json($block));
+</script>
 <x-blocks.form._field :block="$block" tag="div" no-shadow>
     <fieldset class="mt-3 space-y-3" x-init="initializeField([])" name="{{ $block->name }}">
         @foreach ($block->options() as $option)
@@ -21,5 +23,12 @@
                 </label>
             </div>
         @endforeach
+
+        @if ($block->checkbox('enable_other'))
+            <div>
+                <label class="text-sm text-gray-700">Introduceți altceva:</label>
+                <input type="text" name="{$block->name}[]" value="testingvalue" class="w-full border-gray-300 focus:ring-primary">
+            </div>
+        @endif
     </fieldset>
 </x-blocks.form._field>