From c4c92c9f3289e441f8e7bfd18dbf43aec4979685 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Fri, 30 Dec 2022 14:49:13 +0300
Subject: [PATCH] added label text for switch component

---
 .../assets/js/components/AkauntingSwitch.vue  | 19 ++++++++++++++-----
 .../components/form/group/switch.blade.php    |  1 +
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/components/AkauntingSwitch.vue b/resources/assets/js/components/AkauntingSwitch.vue
index f8e9245d4..253cd6ff1 100644
--- a/resources/assets/js/components/AkauntingSwitch.vue
+++ b/resources/assets/js/components/AkauntingSwitch.vue
@@ -1,10 +1,14 @@
 <template>
-    <div class="relative lg:absolute w-12 flex items-center lg:ltr:right-0 lg:rtl:left-0 xl:-top-12 cursor-pointer">
-        <input type="radio" :name="name" v-show="selected == '0'" @click="enabled = 1" value="1" id="enabled-1" v-model="selected" class="w-full h-full absolute right-0 z-20 opacity-0 cursor-pointer">
-        <input type="radio" :name="name" v-show="selected == '1'" @click="enabled = 0" value="0" id="enabled-0" v-model="selected" class="w-full h-full absolute left-0 z-20 opacity-0 cursor-pointer">
+    <div class="lg:absolute w-12 lg:ltr:right-0 lg:rtl:left-0 xl:-top-12">
+        <label class="lg:hidden">{{ label }}</label>
 
-        <div class="absolute left-1 top-1 bg-white w-5 h-5 rounded-full transition transform" :class="selected == '1' ? 'translate-x-full' : 'translate-x-0'"></div>
-        <div class="block w-full h-7 rounded-full transition transition-color" :class="selected == '1' ? 'bg-green' : 'bg-green-200'"></div>
+        <div class="relative full flex items-center cursor-pointer">
+            <input type="radio" :name="name" v-show="selected == '0'" @click="enabled = 1" value="1" id="enabled-1" v-model="selected" class="w-full h-full absolute right-0 z-20 opacity-0 cursor-pointer">
+            <input type="radio" :name="name" v-show="selected == '1'" @click="enabled = 0" value="0" id="enabled-0" v-model="selected" class="w-full h-full absolute left-0 z-20 opacity-0 cursor-pointer">
+
+            <div class="absolute left-1 top-1 bg-white w-5 h-5 rounded-full transition transform" :class="selected == '1' ? 'translate-x-full' : 'translate-x-0'"></div>
+            <div class="block w-full h-7 rounded-full transition transition-color" :class="selected == '1' ? 'bg-green' : 'bg-green-200'"></div>
+        </div>
     </div>
 </template>
 
@@ -21,6 +25,11 @@ export default {
             description: "Selectbox selected value"
         },
 
+        label: {
+            type: String,
+            description: "Selectbox selected label"
+        },
+
         model: {
             type: [String, Number, Array, Object, Boolean],
             default: '',
diff --git a/resources/views/components/form/group/switch.blade.php b/resources/views/components/form/group/switch.blade.php
index d7fd517fa..38d9bf60b 100644
--- a/resources/views/components/form/group/switch.blade.php
+++ b/resources/views/components/form/group/switch.blade.php
@@ -3,6 +3,7 @@
   <akaunting-switch
     name="{{ $name }}"
     value="{{ (int) $value }}"
+    label="{{ trans('general.enabled') }}"
 
     @if (! empty($attributes['model']))
     :model="{{ $attributes['model'] }}"