diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index d7597a3..d73a93b 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,7 +1,7 @@
 {
     "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=68a619e5234e5c93b9e4",
     "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=6b604267e1685646785e",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=09650c69612f4aeb516c",
-    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=5777ee403c10b3b77f7b",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=fd304e007bfa2a19b4bc",
+    "/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=a1c77fe3a85aaf675d66",
     "/js/vue/User/app.js": "/js/vue/User/app.js?id=b07d43f829d994cb6f43"
 }
diff --git a/resources/js/Global/components/FormLoader/Elements/we-date.vue b/resources/js/Global/components/FormLoader/Elements/aa_we-dropzone.vue
similarity index 100%
rename from resources/js/Global/components/FormLoader/Elements/we-date.vue
rename to resources/js/Global/components/FormLoader/Elements/aa_we-dropzone.vue
diff --git a/resources/js/Global/components/FormLoader/Elements/we-dropzone.vue b/resources/js/Global/components/FormLoader/Elements/aa_we-file.vue
similarity index 100%
rename from resources/js/Global/components/FormLoader/Elements/we-dropzone.vue
rename to resources/js/Global/components/FormLoader/Elements/aa_we-file.vue
diff --git a/resources/js/Global/components/FormLoader/Elements/we-file.vue b/resources/js/Global/components/FormLoader/Elements/ab_we-date.vue
similarity index 100%
rename from resources/js/Global/components/FormLoader/Elements/we-file.vue
rename to resources/js/Global/components/FormLoader/Elements/ab_we-date.vue
diff --git a/resources/js/Global/components/FormLoader/Elements/we-time.vue b/resources/js/Global/components/FormLoader/Elements/ab_we-time.vue
similarity index 100%
rename from resources/js/Global/components/FormLoader/Elements/we-time.vue
rename to resources/js/Global/components/FormLoader/Elements/ab_we-time.vue
diff --git a/resources/js/Global/components/FormLoader/Elements/we-checkbox.vue b/resources/js/Global/components/FormLoader/Elements/bb_we-checkbox.vue
similarity index 52%
rename from resources/js/Global/components/FormLoader/Elements/we-checkbox.vue
rename to resources/js/Global/components/FormLoader/Elements/bb_we-checkbox.vue
index a118308..64a26ec 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-checkbox.vue
+++ b/resources/js/Global/components/FormLoader/Elements/bb_we-checkbox.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <v-card-text>
         <v-checkbox
 			:class="element.width" 
 			:label="element.label" 
@@ -8,15 +8,25 @@
 			:append-icon="element.append_icon" 
 			:prepend-icon="element.prepend_icon" 
 			multiple="true"
+            @input="changeValue"
 		></v-checkbox>
-    </div>
+    </v-card-text>
 </template>
 <script>
 export default {
-    props:{
-        element:{
-            type: Object
-        }
-    }
-}
+	props: {
+		element: {
+			type: Object
+		},
+		values: {
+			default: () => ({}),
+			type: Object
+		}
+	},
+	methods: {
+		changeValue() {
+			this.$emit('input', this.values);
+		}
+	}
+};
 </script>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/we-radioButton.vue b/resources/js/Global/components/FormLoader/Elements/bb_we-radioButton.vue
similarity index 79%
rename from resources/js/Global/components/FormLoader/Elements/we-radioButton.vue
rename to resources/js/Global/components/FormLoader/Elements/bb_we-radioButton.vue
index 0f48e4f..9675201 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-radioButton.vue
+++ b/resources/js/Global/components/FormLoader/Elements/bb_we-radioButton.vue
@@ -1,8 +1,7 @@
 <template>
-    <div>
+    <v-card-text>
         <v-radio-group>
             <v-radio
-                :class="element.width" 
                 :label="element.label" 
                 :hibt="element.hint" 
                 :color="element.color" 
@@ -10,14 +9,18 @@
                 :prepend-icon="element.prepend_icon" 
             ></v-radio>
         </v-radio-group>
-    </div>
+    </v-card-text>
 </template>
 <script>
 export default {
     props:{
         element:{
             type: Object
-        }
+        },
+		values: {
+			default: () => ({}),
+			type: Object
+		}
     }
 }
 </script>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/bb_we-range.vue b/resources/js/Global/components/FormLoader/Elements/bb_we-range.vue
new file mode 100644
index 0000000..3c2cf1b
--- /dev/null
+++ b/resources/js/Global/components/FormLoader/Elements/bb_we-range.vue
@@ -0,0 +1,38 @@
+<template>
+    <v-card-text>
+        <v-slider 
+			:label="element.label" 
+			:hint="element.hint" 
+			:color="element.color" 
+			:append-icon="element.append_icon" 
+			:prepend-icon="element.prepend_icon"
+            :min="element.min"
+            :max="element.max"
+            :data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
+            v-model="values[element.slug]"
+			@input="changeValue"
+		></v-slider>
+    </v-card-text>
+</template>
+<script>
+export default {
+    props:{
+        element: {
+			type: Object
+		},
+		values: {
+			default: () => ({}),
+			type: Object
+		}
+    },
+    methods: {
+		changeValue() {
+			this.$emit('input', this.values);
+		}
+	}
+
+}
+</script>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/we-number_input.vue b/resources/js/Global/components/FormLoader/Elements/we-number_input.vue
index 34b381c..ba16076 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-number_input.vue
+++ b/resources/js/Global/components/FormLoader/Elements/we-number_input.vue
@@ -10,6 +10,10 @@
 			:prepend-icon="element.prepend_icon || 'fas fa-sort-numeric-up' "
 			v-model="values[element.slug]"
 			@input="changeValue"
+			:data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
 		></v-text-field>
 	</v-card-text>
 </template>
diff --git a/resources/js/Global/components/FormLoader/Elements/we-range.vue b/resources/js/Global/components/FormLoader/Elements/we-range.vue
deleted file mode 100644
index 236dc8c..0000000
--- a/resources/js/Global/components/FormLoader/Elements/we-range.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <div>
-        <v-slider 
-			:label="element.label" 
-			:hint="element.hint" 
-			:color="element.color" 
-			:append-icon="element.append_icon" 
-			:prepend-icon="element.prepend_icon" 
-			:class="element.width"
-            :min="element.min"
-            :max="element.max"
-		></v-slider>
-    </div>
-</template>
-<script>
-export default {
-    props:{
-        element:{
-            type: Object
-        }
-    },
-    watch:{
-        element(){
-            console.log(this.element);
-            
-        }
-    }
-
-}
-</script>
\ No newline at end of file
diff --git a/resources/js/Global/components/FormLoader/Elements/we-select.vue b/resources/js/Global/components/FormLoader/Elements/we-select.vue
index 8a47df8..6ca47ce 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-select.vue
+++ b/resources/js/Global/components/FormLoader/Elements/we-select.vue
@@ -7,8 +7,16 @@
 			:color="element.color"
 			:append-icon="element.append_icon"
 			:prepend-icon="element.prepend_icon"
+			:items="element.options"
 			:multiple="element.multiple"
+			v-model="values[element.slug]"
 			@input="changeValue"
+			item-text="value"
+            item-value="id"
+			:data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
 		></v-autocomplete>
 	</v-card-text>
 </template>
@@ -17,6 +25,10 @@ export default {
 	props: {
 		element: {
 			type: Object
+		},
+		values: {
+			default: () => ({}),
+			type: Object
 		}
 	},
 	methods: {
diff --git a/resources/js/Global/components/FormLoader/Elements/we-switch.vue b/resources/js/Global/components/FormLoader/Elements/we-switch.vue
index 4ed8cf4..69855b0 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-switch.vue
+++ b/resources/js/Global/components/FormLoader/Elements/we-switch.vue
@@ -8,6 +8,10 @@
 			:prepend-icon="element.prepend_icon"
 			v-model="values[element.slug]"
 			@input="changeValue"
+			:data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
 		></v-switch>
 	</v-card-text>
 </template>
diff --git a/resources/js/Global/components/FormLoader/Elements/we-text_input.vue b/resources/js/Global/components/FormLoader/Elements/we-text_input.vue
index fe08f4c..b475633 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-text_input.vue
+++ b/resources/js/Global/components/FormLoader/Elements/we-text_input.vue
@@ -9,6 +9,10 @@
 			:prepend-icon="element.prepend_icon || 'fas fa-align-right' "
 			v-model="values[element.slug]"
 			@input="changeValue"
+			:data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
 		></v-text-field>
 	</v-card-text>
 </template>
diff --git a/resources/js/Global/components/FormLoader/Elements/we-textarea.vue b/resources/js/Global/components/FormLoader/Elements/we-textarea.vue
index 879cab3..144e7fb 100644
--- a/resources/js/Global/components/FormLoader/Elements/we-textarea.vue
+++ b/resources/js/Global/components/FormLoader/Elements/we-textarea.vue
@@ -9,6 +9,10 @@
 			:prepend-icon="element.prepend_icon || 'fas fa-align-right' "
 			v-model="values[element.slug]"
 			@input="changeValue"
+			:data-vv-name="element.slug"
+			:data-vv-as="element.label"
+			v-validate="element.validations"
+			:error-messages="errors.collect(element.slug)"
 		></v-textarea>
 	</v-card-text>
 </template>