diff --git a/app/Http/Requests/Common/Report.php b/app/Http/Requests/Common/Report.php
index 0609c666c..d8f131fda 100644
--- a/app/Http/Requests/Common/Report.php
+++ b/app/Http/Requests/Common/Report.php
@@ -18,10 +18,6 @@ class Report extends FormRequest
             'name' => 'required|string',
             'description' => 'required|string',
             'class' => 'required|string',
-            'group' => 'required|string',
-            'period' => 'required|string',
-            'basis' => 'required|string',
-            'chart' => 'required|string',
         ];
     }
 }
diff --git a/resources/assets/js/components/AkauntingSelect.vue b/resources/assets/js/components/AkauntingSelect.vue
index 00a035229..9417a06c0 100644
--- a/resources/assets/js/components/AkauntingSelect.vue
+++ b/resources/assets/js/components/AkauntingSelect.vue
@@ -281,6 +281,10 @@
         </el-select>
 
         <component v-bind:is="add_new_html" @submit="onSubmit"></component>
+
+        <select :name="name" class="d-none" v-model="real_model">
+            <option v-for="(label, value) in selectOptions" :value="value">{{ label }}</option>
+        </select>
     </base-input>
 </template>
 
diff --git a/resources/assets/js/plugins/form.js b/resources/assets/js/plugins/form.js
index 2fc637f90..0e04d91d9 100644
--- a/resources/assets/js/plugins/form.js
+++ b/resources/assets/js/plugins/form.js
@@ -42,6 +42,20 @@ export default class Form {
                 continue;
             }
 
+            if (form_element.getAttribute('data-field')) {
+                if (!this[form_element.getAttribute('data-field')]) {
+                    var field = {};
+
+                    this[form_element.getAttribute('data-field')] = field;
+                }
+
+                if (!this[form_element.getAttribute('data-field')][name]) {
+                    this[form_element.getAttribute('data-field')][name] = '';
+                }
+
+                continue;
+            }
+
             if (type == 'radio') {
                 if (!this[name]) {
                     this[name] = (form_element.getAttribute('value') ? 1 : 0) || 0;
diff --git a/resources/assets/js/views/common/reports.js b/resources/assets/js/views/common/reports.js
index 5f1b68e36..bcd084f29 100644
--- a/resources/assets/js/views/common/reports.js
+++ b/resources/assets/js/views/common/reports.js
@@ -28,28 +28,54 @@ const app = new Vue({
     data: function () {
         return {
             form: new Form('report'),
-            bulk_action: new BulkAction('reports')
+            bulk_action: new BulkAction('reports'),
+            report_fields: '',
         }
     },
 
     methods: {
         onChangeClass(class_name) {
-            axios.get(url + '/common/reports/groups', {
+            axios.get(url + '/common/reports/fields', {
                 params: {
                     class: class_name
                 }
               })
             .then(response => {
-                let options = response.data.data;
+                let form = this.form;
+                let html = response.data.html;
 
-                this.$children.forEach(select => {
-                    if (select.name == 'group') {
-                        select.selectOptions = options;
-                    }
+                this.report_fields = Vue.component('add-new-component', (resolve, reject) => {
+                    resolve({
+                        template : '<div id="report-fields" class="row col-md-12">' + html + '</div>',
+
+                        mixins: [
+                            Global
+                        ],
+
+                        created: function() {
+                            this.form = form;
+                        },
+
+                        data: function () {
+                            return {
+                                form: {},
+                            }
+                        },
+
+                        watch: {
+                            form: function (form) {
+                                this.$emit("change", form);
+                            }
+                        },
+                    })
                 });
             })
             .catch(error => {
             });
+        },
+
+        onChangeReportFields(event) {
+            this.form = event;
         }
     }
 });
diff --git a/resources/views/common/reports/create.blade.php b/resources/views/common/reports/create.blade.php
index 8187819f7..05a8055da 100644
--- a/resources/views/common/reports/create.blade.php
+++ b/resources/views/common/reports/create.blade.php
@@ -22,7 +22,9 @@
 
                     {{ Form::textareaGroup('description', trans('general.description'), null, null, ['rows' => '3', 'required' => 'required']) }}
 
-                    <component v-bind:is="report_fields"></component>
+                    {{ Form::hidden('report', 'invalid', ['data-field' => 'settings']) }}
+
+                    <component v-bind:is="report_fields" @change="onChangeReportFields"></component>
                 </div>
             </div>
 
diff --git a/resources/views/partials/form/checkbox_group.blade.php b/resources/views/partials/form/checkbox_group.blade.php
index b746f6226..f1af46eeb 100644
--- a/resources/views/partials/form/checkbox_group.blade.php
+++ b/resources/views/partials/form/checkbox_group.blade.php
@@ -12,7 +12,7 @@
                     {{ Form::checkbox($name, $item->$id, null, [
                         'id' => 'checkbox-' . $name . '-' . $item->$id,
                         'class' => 'custom-control-input',
-                        'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+                        'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
                     ]) }}
 
                     <label class="custom-control-label" for="checkbox-{{ $name . '-' . $item->$id}}">
diff --git a/resources/views/partials/form/date_group.blade.php b/resources/views/partials/form/date_group.blade.php
index abff58f66..1cf7e04b7 100644
--- a/resources/views/partials/form/date_group.blade.php
+++ b/resources/views/partials/form/date_group.blade.php
@@ -1,25 +1,25 @@
 @stack($name . '_input_start')
 
-    <akaunting-date
-        class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-        :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
-        :title="'{{ $text }}'"
-        :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
-        :name="'{{ $name }}'"
-        :value="'{{ old($name, $value) }}'"
-        :config="{
-            allowInput: true,
-            @if (!empty($attributes['show-date-format']))
-            altInput: true,
-            altFormat: '{{ $attributes['show-date-format'] }}',
-            @endif
-            @if (!empty($attributes['date-format']))
-            dateFormat: '{{ $attributes['date-format'] }}'
-            @endif
-         }"
-        :icon="'fa fa-{{ $icon }}'"
-        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
-        :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
-    ></akaunting-date>
+<akaunting-date
+    class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
+    :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
+    :title="'{{ $text }}'"
+    :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
+    :name="'{{ $name }}'"
+    :value="'{{ old($name, $value) }}'"
+    :config="{
+        allowInput: true,
+        @if (!empty($attributes['show-date-format']))
+        altInput: true,
+        altFormat: '{{ $attributes['show-date-format'] }}',
+        @endif
+        @if (!empty($attributes['date-format']))
+        dateFormat: '{{ $attributes['date-format'] }}'
+        @endif
+     }"
+    :icon="'fa fa-{{ $icon }}'"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
+    :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
+></akaunting-date>
 
 @stack($name . '_input_end')
diff --git a/resources/views/partials/form/email_group.blade.php b/resources/views/partials/form/email_group.blade.php
index 7dcf8e2ff..8d12c7775 100644
--- a/resources/views/partials/form/email_group.blade.php
+++ b/resources/views/partials/form/email_group.blade.php
@@ -18,7 +18,7 @@
             'data-name' => $name,
             'data-value' => $value,
             'placeholder' => trans('general.form.enter', ['field' => $text]),
-            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
         ], $attributes)) !!}
     </div>
 
diff --git a/resources/views/partials/form/invoice_text.blade.php b/resources/views/partials/form/invoice_text.blade.php
index b0f5bc9e8..6563026b4 100644
--- a/resources/views/partials/form/invoice_text.blade.php
+++ b/resources/views/partials/form/invoice_text.blade.php
@@ -17,7 +17,7 @@
             'data-name' => $input_name,
             'data-value' => $input_value,
             'placeholder' => trans('general.form.enter', ['field' => $text]),
-            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $input_name
+            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
         ]) !!}
     </div>
 
diff --git a/resources/views/partials/form/money_group.blade.php b/resources/views/partials/form/money_group.blade.php
index 52de8bce2..a7a5a6159 100644
--- a/resources/views/partials/form/money_group.blade.php
+++ b/resources/views/partials/form/money_group.blade.php
@@ -22,7 +22,7 @@
             'class' => 'form-control',
             'data-name' => $name,
             'data-value' => $value,
-            'v-model.lazy' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name,
+            'v-model.lazy' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name,
             'v-money' => 'money'
         ], $attributes)) !!}
     </div>
diff --git a/resources/views/partials/form/multi_select_add_new_group.blade.php b/resources/views/partials/form/multi_select_add_new_group.blade.php
index 58f179e33..43a56bd9d 100644
--- a/resources/views/partials/form/multi_select_add_new_group.blade.php
+++ b/resources/views/partials/form/multi_select_add_new_group.blade.php
@@ -32,7 +32,7 @@
     @if (!empty($attributes['collapse']))
     :collapse="true"
     @endif
-    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
     @if (!empty($attributes['change']))
     @change="{{ $attributes['change'] }}($event)"
     @endif
diff --git a/resources/views/partials/form/multi_select_group.blade.php b/resources/views/partials/form/multi_select_group.blade.php
index b1e07e279..7a33bb942 100644
--- a/resources/views/partials/form/multi_select_group.blade.php
+++ b/resources/views/partials/form/multi_select_group.blade.php
@@ -13,7 +13,7 @@
     @if (!empty($attributes['collapse']))
     :collapse="true"
     @endif
-    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
     @if (!empty($attributes['change']))
     @change="{{ $attributes['change'] }}($event)"
     @endif
diff --git a/resources/views/partials/form/number_group.blade.php b/resources/views/partials/form/number_group.blade.php
index 6275f3f44..a5a5c1b06 100644
--- a/resources/views/partials/form/number_group.blade.php
+++ b/resources/views/partials/form/number_group.blade.php
@@ -16,7 +16,7 @@
             'data-name' => $name,
             'data-value' => $value,
             'placeholder' => trans('general.form.enter', ['field' => $text]),
-            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
         ], $attributes)) !!}
     </div>
 
diff --git a/resources/views/partials/form/password_group.blade.php b/resources/views/partials/form/password_group.blade.php
index 58155f2d0..390096c84 100644
--- a/resources/views/partials/form/password_group.blade.php
+++ b/resources/views/partials/form/password_group.blade.php
@@ -17,7 +17,7 @@
             'class' => 'form-control',
             'data-name' => $name,
             'placeholder' => trans('general.form.enter', ['field' => $text]),
-            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
         ], $attributes)) !!}
     </div>
 
diff --git a/resources/views/partials/form/radio_group.blade.php b/resources/views/partials/form/radio_group.blade.php
index 9e055ec6a..772264540 100644
--- a/resources/views/partials/form/radio_group.blade.php
+++ b/resources/views/partials/form/radio_group.blade.php
@@ -8,12 +8,12 @@
         <div class="btn-group btn-group-toggle radio-yes-no" data-toggle="buttons">
             <label class="btn btn-success" @click="form.{{ $name }}=1" v-bind:class="{ active: form.{{ $name }} == 1 }">
                 {{ trans('general.yes') }}
-            <input type="radio" name="{{ $name }}" id="{{ $name }}-1" v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name }}">
+            <input type="radio" name="{{ $name }}" id="{{ $name }}-1" v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name }}">
             </label>
 
             <label class="btn btn-danger" @click="form.{{ $name }}=0" v-bind:class="{ active: form.{{ $name }} == 0 }">
                 {{ trans('general.no') }}
-                <input type="radio" name="{{ $name }}" id="{{ $name }}-0" v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name }}">
+                <input type="radio" name="{{ $name }}" id="{{ $name }}-0" v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name }}">
             </label>
         </div>
         <input type="hidden" name="{{ $name }}" value="{{ ($value) ? true : false }}" />
diff --git a/resources/views/partials/form/select_add_new_group.blade.php b/resources/views/partials/form/select_add_new_group.blade.php
index 423b4ec03..7b713bde8 100644
--- a/resources/views/partials/form/select_add_new_group.blade.php
+++ b/resources/views/partials/form/select_add_new_group.blade.php
@@ -27,7 +27,7 @@
                 ]
             ]
         ])}}"
-        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
+        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
         @if (!empty($attributes['change']))
         @change="{{ $attributes['change'] }}($event)"
         @endif
diff --git a/resources/views/partials/form/select_group.blade.php b/resources/views/partials/form/select_group.blade.php
index 46ebab6ca..b3229b18e 100644
--- a/resources/views/partials/form/select_group.blade.php
+++ b/resources/views/partials/form/select_group.blade.php
@@ -1,26 +1,28 @@
 @stack($name . '_input_start')
-    <akaunting-select
-        class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-        :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
-        :title="'{{ $text }}'"
-        :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
-        :name="'{{ $name }}'"
-        :options="{{ json_encode($values) }}"
-        :value="'{{ old($name, $selected) }}'"
-        :icon="'{{ $icon }}'"
-        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
-        @if (!empty($attributes['change']))
-        @change="{{ $attributes['change'] }}($event)"
-        @endif
-        @if (isset($attributes['disabled']))
-        :disabled="{{ $attributes['disabled'] }}"
-        @endif
-        @if(isset($attributes['v-error-message']))
-        :form-error="{{ $attributes['v-error-message'] }}"
-        @else
-        :form-error="form.errors.get('{{ $name }}')"
-        @endif
-        :no-data-text="'{{ trans('general.no_data') }}'"
-        :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
-    ></akaunting-select>
+
+<akaunting-select
+    class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
+    :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
+    :title="'{{ $text }}'"
+    :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
+    :name="'{{ $name }}'"
+    :options="{{ json_encode($values) }}"
+    :value="'{{ old($name, $selected) }}'"
+    :icon="'{{ $icon }}'"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
+    @if (!empty($attributes['change']))
+    @change="{{ $attributes['change'] }}($event)"
+    @endif
+    @if (isset($attributes['disabled']))
+    :disabled="{{ $attributes['disabled'] }}"
+    @endif
+    @if(isset($attributes['v-error-message']))
+    :form-error="{{ $attributes['v-error-message'] }}"
+    @else
+    :form-error="form.errors.get('{{ $name }}')"
+    @endif
+    :no-data-text="'{{ trans('general.no_data') }}'"
+    :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
+></akaunting-select>
+
 @stack($name . '_input_end')
diff --git a/resources/views/partials/form/select_group_add_new_group.blade.php b/resources/views/partials/form/select_group_add_new_group.blade.php
index 0da48916a..c945303af 100644
--- a/resources/views/partials/form/select_group_add_new_group.blade.php
+++ b/resources/views/partials/form/select_group_add_new_group.blade.php
@@ -1,39 +1,41 @@
 @stack($name . '_input_start')
-    <akaunting-select
-        class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-        :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
-        :title="'{{ $text }}'"
-        :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
-        :name="'{{ $name }}'"
-        :options="{{ json_encode($values) }}"
-        :value="'{{ old($name, $selected) }}'"
-        :icon="'{{ $icon }}'"
-        :add-new="{{ json_encode([
-            'status' => true,
-            'text' => trans('general.form.add_new', ['field' => $text]),
-            'path' => isset($attributes['path']) ? $attributes['path']: false,
-            'type' => isset($attributes['type']) ? $attributes['type'] : 'modal',
-            'field' => isset($attributes['field']) ? $attributes['field'] : 'name',
-            'buttons' => [
-                'cancel' => [
-                    'text' => trans('general.cancel'),
-                    'icon' => 'fas fa-times',
-                    'class' => 'btn-outline-secondary'
-                ],
-                'confirm' => [
-                    'text' => trans('general.save'),
-                    'icon' => 'fas fa-save',
-                    'class' => 'btn-success'
-                ]
+
+<akaunting-select
+    class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
+    :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
+    :title="'{{ $text }}'"
+    :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
+    :name="'{{ $name }}'"
+    :options="{{ json_encode($values) }}"
+    :value="'{{ old($name, $selected) }}'"
+    :icon="'{{ $icon }}'"
+    :add-new="{{ json_encode([
+        'status' => true,
+        'text' => trans('general.form.add_new', ['field' => $text]),
+        'path' => isset($attributes['path']) ? $attributes['path']: false,
+        'type' => isset($attributes['type']) ? $attributes['type'] : 'modal',
+        'field' => isset($attributes['field']) ? $attributes['field'] : 'name',
+        'buttons' => [
+            'cancel' => [
+                'text' => trans('general.cancel'),
+                'icon' => 'fas fa-times',
+                'class' => 'btn-outline-secondary'
+            ],
+            'confirm' => [
+                'text' => trans('general.save'),
+                'icon' => 'fas fa-save',
+                'class' => 'btn-success'
             ]
-        ])}}"
-        :group="true"
-        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' : 'form.' . $name . ' = $event' }}"
-        @if (!empty($attributes['change']))
-        @change="{{ $attributes['change'] }}($event)"
-        @endif
-        :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
-        :no-data-text="'{{ trans('general.no_data') }}'"
-        :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
-    ></akaunting-select>
+        ]
+    ])}}"
+    :group="true"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
+    @if (!empty($attributes['change']))
+    @change="{{ $attributes['change'] }}($event)"
+    @endif
+    :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
+    :no-data-text="'{{ trans('general.no_data') }}'"
+    :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
+></akaunting-select>
+
 @stack($name . '_input_end')
diff --git a/resources/views/partials/form/select_group_group.blade.php b/resources/views/partials/form/select_group_group.blade.php
index 8abb2fddb..c3aca3eef 100644
--- a/resources/views/partials/form/select_group_group.blade.php
+++ b/resources/views/partials/form/select_group_group.blade.php
@@ -1,20 +1,22 @@
 @stack($name . '_input_start')
-    <akaunting-select
-        class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
-        :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
-        :title="'{{ $text }}'"
-        :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
-        :name="'{{ $name }}'"
-        :options="{{ json_encode($values) }}"
-        :value="'{{ old($name, $selected) }}'"
-        :icon="'{{ $icon }}'"
-        :group="true"
-        @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model']. ' = $event' : 'form.' . $name . ' = $event' }}"
-        @if (!empty($attributes['change']))
-        @change="{{ $attributes['change'] }}($event)"
-        @endif
-        :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
-        :no-data-text="'{{ trans('general.no_data') }}'"
-        :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
-    ></akaunting-select>
+
+<akaunting-select
+    class="{{ $col }} {{ isset($attributes['required']) ? 'required' : '' }}"
+    :form-classes="[{'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }} }]"
+    :title="'{{ $text }}'"
+    :placeholder="'{{ trans('general.form.select.field', ['field' => $text]) }}'"
+    :name="'{{ $name }}'"
+    :options="{{ json_encode($values) }}"
+    :value="'{{ old($name, $selected) }}'"
+    :icon="'{{ $icon }}'"
+    :group="true"
+    @interface="{{ !empty($attributes['v-model']) ? $attributes['v-model'] . ' = $event' :  !empty($attributes['data-field'])  ? 'form.' . $attributes['data-field'] . '.' . $name . ' = $event' : 'form.' . $name . ' = $event' }}"
+    @if (!empty($attributes['change']))
+    @change="{{ $attributes['change'] }}($event)"
+    @endif
+    :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
+    :no-data-text="'{{ trans('general.no_data') }}'"
+    :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
+></akaunting-select>
+
 @stack($name . '_input_end')
diff --git a/resources/views/partials/form/text_group.blade.php b/resources/views/partials/form/text_group.blade.php
index affca8cb1..07a60d706 100644
--- a/resources/views/partials/form/text_group.blade.php
+++ b/resources/views/partials/form/text_group.blade.php
@@ -16,7 +16,7 @@
             'data-name' => $name,
             'data-value' => $value,
             'placeholder' => trans('general.form.enter', ['field' => $text]),
-            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+            'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
         ], $attributes)) !!}
     </div>
 
diff --git a/resources/views/partials/form/textarea_group.blade.php b/resources/views/partials/form/textarea_group.blade.php
index 8f3d867c8..b85c13cdb 100644
--- a/resources/views/partials/form/textarea_group.blade.php
+++ b/resources/views/partials/form/textarea_group.blade.php
@@ -10,7 +10,7 @@
         'data-name' => $name,
         'data-value' => $value,
         'placeholder' => trans('general.form.enter', ['field' => $text]),
-        'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : 'form.' . $name
+        'v-model' => !empty($attributes['v-model']) ? $attributes['v-model'] : !empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name
     ], $attributes)) !!}
 
     <div class="invalid-feedback d-block"
diff --git a/resources/views/partials/reports/fields.blade.php b/resources/views/partials/reports/fields.blade.php
index c4ff87da4..a83a080c3 100644
--- a/resources/views/partials/reports/fields.blade.php
+++ b/resources/views/partials/reports/fields.blade.php
@@ -2,14 +2,30 @@
     @php $type = $field['type']; @endphp
 
     @if (($type == 'textGroup') || ($type == 'emailGroup') || ($type == 'passwordGroup'))
-        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], $field['icon'], $field['attributes']) }}
+        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], $field['icon'], array_merge([
+                'data-field' => 'settings'
+            ],
+            $field['attributes'])
+        ) }}
     @elseif ($type == 'textareaGroup')
         {{ Form::$type('settings[' . $field['name'] . ']', $field['title']) }}
     @elseif ($type == 'selectGroup')
-        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], $field['icon'], $field['values'], $field['selected'], $field['attributes']) }}
+        {{ Form::$type($field['name'], $field['title'], $field['icon'], $field['values'], $field['selected'], array_merge([
+                'data-field' => 'settings'
+            ],
+            $field['attributes'])
+        ) }}
     @elseif ($type == 'radioGroup')
-        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], 1, $field['enable'], $field['disable'], $field['attributes']) }}
+        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], 1, $field['enable'], $field['disable'], array_merge([
+                'data-field' => 'settings'
+            ],
+            $field['attributes'])
+        ) }}
     @elseif ($type == 'checkboxGroup')
-        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], $field['items'], $field['value'], $field['id'], $field['attributes']) }}
+        {{ Form::$type('settings[' . $field['name'] . ']', $field['title'], $field['items'], $field['value'], $field['id'], array_merge([
+                'data-field' => 'settings'
+            ],
+            $field['attributes'])
+        ) }}
     @endif
 @endforeach