diff --git a/views/widgets/ExportModal.vue b/views/widgets/ExportModal.vue
deleted file mode 100755
index 5ccf048..0000000
--- a/views/widgets/ExportModal.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-    <div id="product-export-modal">
-        <div class="container">
-            <div
-                id="import-customer-modal"
-                class="modal has-form modal-open"
-                role="dialog"
-            >
-                <div >
-                    <div >
-                        <div >
-                            <h3>{{ this.$func.__("Export Products", "erp") }}</h3>
-                            <span >
-                                <i
-                                    class="flaticon-close"
-                                    @click="$parent.$emit('close')"
-                                ></i>
-                            </span>
-                        </div>
-
-                        <form
-                            action=""
-                            method="post"
-                            class="edit-customer-modal"
-                            id="export_form"
-                        >
-                            <div >
-                                <div class="erp-grid-container">
-                                    <div class="row">
-                                        <div class="col-3">
-                                            <label for="fields">
-                                                <h3>
-                                                    {{
-                                                        this.$func.__(
-                                                            "Select product fields to export",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span class="required">
-                                                        *</span
-                                                    >
-                                                </h3>
-                                            </label>
-                                        </div>
-
-                                        <div class="col-3">
-                                            <h3>
-                                                <input
-                                                    type="checkbox"
-                                                    id="selecctall"
-                                                    @change.prevent="
-                                                        selectFields
-                                                    "
-                                                />
-                                                {{ this.$func.__("Select all", "erp") }}
-                                            </h3>
-                                        </div>
-                                    </div>
-
-                                    <div class="row" id="fields">
-                                        <div
-                                            v-for="(
-                                                field, key
-                                            ) in productsFields"
-                                            :key="key"
-                                            class="col-2"
-                                        >
-                                            <label>
-                                                <input
-                                                    type="checkbox"
-                                                    name="fields[]"
-                                                    :value="field"
-                                                    :checked="selectAll"
-                                                />
-                                                {{ strTitleCase(field) }}
-                                            </label>
-                                        </div>
-                                    </div>
-
-                                    <div class="row"></div>
-
-                                    <div class="row">
-                                        <p class="description">
-                                            {{
-                                                this.$func.__(
-                                                    "**Only selected fields will be on the csv file.",
-                                                    "erp"
-                                                )
-                                            }}
-                                        </p>
-                                    </div>
-                                </div>
-
-                                <input
-                                    type="hidden"
-                                    name="type"
-                                    :value="exportType"
-                                />
-                                <input
-                                    type="hidden"
-                                    name="export_csv"
-                                    value="1"
-                                />
-                                <input
-                                    type="hidden"
-                                    name="_wpnonce"
-                                    :value="nonce"
-                                />
-                            </div>
-
-                            <div class="pt-0">
-                                <div class="buttons-wrapper text-right">
-                                    <button
-                                        class="btn btn-default modal-close"
-                                        @click="$parent.$emit('close')"
-                                        type="reset"
-                                    >
-                                        {{ this.$func.__("Cancel", "erp") }}
-                                    </button>
-                                    <button
-                                        class="btn btn-primary"
-                                        type="submit"
-                                    >
-                                        {{ this.$func.__("Export", "erp") }}
-                                    </button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            productsFields: [],
-            nonce: "",
-            description: "",
-            exportType: "product",
-            selectAll: false,
-        };
-    },
-
-    created() {
-        this.productsFields = this.$mybizna_var.fields
-            ? this.$mybizna_var.fields[this.exportType].fields
-            : [];
-        this.nonce = this.$mybizna_var.export_import_nonce;
-    },
-
-    methods: {
-        selectFields() {
-            this.selectAll = !this.selectAll;
-        },
-
-        strTitleCase(string) {
-            var str = string.toString().replace(/_/g, " ");
-
-            return str
-                .toLowerCase()
-                .split(" ")
-                .map((word) => {
-                    return word.charAt(0).toUpperCase() + word.slice(1);
-                })
-                .join(" ");
-        },
-    },
-};
-</script>
-
-<style>
-.modal-close .flaticon-close {
-    font-size: inherit;
-}
-
-.description {
-    color: grey;
-}
-</style>
diff --git a/views/widgets/ImportModal.vue b/views/widgets/ImportModal.vue
deleted file mode 100755
index d062837..0000000
--- a/views/widgets/ImportModal.vue
+++ /dev/null
@@ -1,669 +0,0 @@
-<template>
-    <div id="product-import-modal">
-        <div class="container">
-            <div
-                id="import-customer-modal"
-                class="modal has-form modal-open"
-                role="dialog"
-            >
-                <div >
-                    <div >
-                        <div >
-                            <h3>{{ this.$func.__("Import Products", "erp") }}</h3>
-
-                            <span >
-                                <i
-                                    class="flaticon-close"
-                                    @click="$parent.$emit('close')"
-                                ></i>
-                            </span>
-                        </div>
-
-                        <form
-                            action=""
-                            enctype="multipart/form-data"
-                            method="post"
-                            class="edit-customer-modal"
-                            id="import_form"
-                            @submit.prevent="importCsv"
-                        >
-                            <div
-                                
-                                id="erp-import-modal-body"
-                            >
-                                <div
-                                    v-if="showError"
-                                    class="notice notice-error erp-error-notice"
-                                    id="erp-csv-import-error"
-                                >
-                                    <ul
-                                        class="erp-list"
-                                        v-if="isObject(errors)"
-                                    >
-                                        <li
-                                            v-for="(error, index) in errors"
-                                            :key="index"
-                                            v-html="error"
-                                        ></li>
-                                    </ul>
-                                    <span v-else>{{ errors }}</span>
-                                </div>
-
-                                <div
-                                    :class="processingClass"
-                                    id="erp-import-processing"
-                                >
-                                    <span
-                                        v-if="isWorking"
-                                        class="erp-loader"
-                                    ></span>
-                                    <span v-if="isWorking" class="loading-text"
-                                        >{{ workingText }}...</span
-                                    >
-                                </div>
-
-                                <table class="form-table">
-                                    <tbody>
-                                        <tr>
-                                            <th>
-                                                <label for="csv_file"
-                                                    >{{
-                                                        this.$func.__("CSV File", "erp")
-                                                    }}
-                                                    <span class="required"
-                                                        >*</span
-                                                    ></label
-                                                >
-                                            </th>
-                                            <td>
-                                                <input
-                                                    type="file"
-                                                    name="csv_file"
-                                                    id="csv_file"
-                                                    @change="processFile"
-                                                    required
-                                                />
-
-                                                <p class="description">
-                                                    {{
-                                                        this.$func.__(
-                                                            "Upload a csv file.",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'Make sure CSV meets the sample CSV format exactly.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    ></span>
-                                                </p>
-
-                                                <p
-                                                    id="download_sample_wrap"
-                                                    v-if="sampleUrl"
-                                                >
-                                                    <button
-                                                        class="btn btn-primary"
-                                                        id="erp-employee-sample-csv"
-                                                        @click.prevent="
-                                                            downloadSample
-                                                        "
-                                                    >
-                                                        {{
-                                                            this.$func.__(
-                                                                "Download Sample CSV",
-                                                                "erp"
-                                                            )
-                                                        }}
-                                                    </button>
-                                                </p>
-                                            </td>
-                                        </tr>
-
-                                        <tr>
-                                            <th>
-                                                <label for="update_existing">{{
-                                                    this.$func.__(
-                                                        "Update Existing Products",
-                                                        "erp"
-                                                    )
-                                                }}</label>
-                                            </th>
-
-                                            <td>
-                                                <input
-                                                    type="checkbox"
-                                                    v-model="updateExisting"
-                                                    name="update_existing"
-                                                    id="update_existing"
-                                                />
-                                                {{
-                                                    this.$func.__(
-                                                        "Existing products with same name will be updated",
-                                                        "erp"
-                                                    )
-                                                }}
-                                            </td>
-                                        </tr>
-
-                                        <tr>
-                                            <th>
-                                                <label
-                                                    for="default_product_cat"
-                                                >
-                                                    {{
-                                                        this.$func.__(
-                                                            "Default Product Category",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span class="required">
-                                                        *</span
-                                                    >
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'If product category is null or not found, this default category will be assigned.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    >
-                                                    </span>
-                                                </label>
-                                            </th>
-
-                                            <td>
-                                                <multi-select
-                                                    v-model="defaultProductCat"
-                                                    required="required"
-                                                    :options="productCategories"
-                                                    :multiple="false"
-                                                />
-                                            </td>
-                                        </tr>
-
-                                        <tr>
-                                            <th>
-                                                <label
-                                                    >{{
-                                                        this.$func.__(
-                                                            "Default Product Type",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span class="required">
-                                                        *</span
-                                                    >
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'If product type is null or not found, this default type will be assigned.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    >
-                                                    </span>
-                                                </label>
-                                            </th>
-
-                                            <td>
-                                                <multi-select
-                                                    v-model="defaultProductType"
-                                                    required="required"
-                                                    :options="productTypes"
-                                                    :multiple="false"
-                                                />
-                                            </td>
-                                        </tr>
-
-                                        <tr>
-                                            <th>
-                                                <label for="default_vendor"
-                                                    >{{
-                                                        this.$func.__(
-                                                            "Default Vendor",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'If product type is null or not found, this default type will be assigned.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    ></span>
-                                                </label>
-                                            </th>
-
-                                            <td>
-                                                <multi-select
-                                                    v-model="defaultVendor"
-                                                    :options="vendors"
-                                                    :multiple="false"
-                                                />
-                                            </td>
-                                        </tr>
-
-                                        <tr>
-                                            <th>
-                                                <label for="default_tax_cat"
-                                                    >{{
-                                                        this.$func.__(
-                                                            "Default Tax category",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'If product type is null or not found, this default type will be assigned.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    ></span>
-                                                </label>
-                                            </th>
-
-                                            <td>
-                                                <multi-select
-                                                    v-model="defaultTaxCat"
-                                                    :options="taxCategories"
-                                                    :multiple="false"
-                                                />
-                                            </td>
-                                        </tr>
-                                    </tbody>
-
-                                    <tbody
-                                        v-if="showFieldMapping"
-                                        id="erp-csv-fields-container"
-                                    >
-                                        <tr
-                                            v-for="(field, index) in fields"
-                                            :key="index"
-                                        >
-                                            <th>
-                                                <label class="csv_field_labels">
-                                                    {{ strTitleCase(field) }}
-                                                    <span
-                                                        v-if="isRequired(field)"
-                                                        class="required"
-                                                        >*</span
-                                                    >
-                                                </label>
-                                            </th>
-                                            <td>
-                                                <multi-select
-                                                    v-model="
-                                                        mappedValues[field]
-                                                    "
-                                                    :required="
-                                                        isRequired(field)
-                                                    "
-                                                    :options="fieldOptions"
-                                                    :multiple="false"
-                                                />
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-
-                            <div class="pt-0">
-                                <!-- buttons -->
-                                <div class="buttons-wrapper text-right">
-                                    <button
-                                        class="btn btn-default modal-close"
-                                        @click="$parent.$emit('close')"
-                                        type="reset"
-                                    >
-                                        {{ this.$func.__("Cancel", "erp") }}
-                                    </button>
-                                    <button
-                                        class="btn btn-primary"
-                                        type="submit"
-                                    >
-                                        {{ this.$func.__("Import", "erp") }}
-                                    </button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-export default {
-    components: {
-        MultiSelect:window.$func.fetchComponent('components/select/MultiSelect.vue'),
-    },
-
-    data() {
-        return {
-            type: "product",
-            errors: "",
-            showError: false,
-            productCategories: [],
-            productTypes: [],
-            taxCategories: [],
-            vendors: [],
-            defaultProductCat: {
-                id: "",
-                name: "",
-            },
-            defaultProductType: {
-                id: "",
-                name: "",
-            },
-            defaultTaxCat: {
-                id: "",
-                name: "",
-            },
-            defaultVendor: {
-                id: "",
-                name: "",
-            },
-            csvFile: "",
-            fields: [],
-            reqFields: [],
-            mappedValues: {},
-            fieldOptions: [],
-            showFieldMapping: false,
-            updateExisting: "",
-            sampleUrl: "",
-            isWorking: false,
-            workingText: "",
-            processingClass: "",
-        };
-    },
-
-    created() {
-        this.mapFields();
-        this.getVendors();
-        this.getCategories();
-        this.getTaxCategories();
-        this.getProductTypes();
-        this.generateCsvUrl();
-    },
-
-    methods: {
-        importCsv() {
-            this.errors = "";
-            this.showError = false;
-            let formData = new FormData();
-
-            if (!this.defaultProductCat.id) {
-                return this.showAlert(
-                    "error",
-                    this.$func.__("Please select a default product category", "erp")
-                );
-            }
-
-            if (!this.defaultProductType.id) {
-                return this.showAlert(
-                    "error",
-                    this.$func.__("Please select a default product type", "erp")
-                );
-            }
-
-            this.manageProgressStatus(this.$func.__("Validating data", "erp"));
-
-            formData.append("csv_file", this.csvFile);
-            formData.append("type", this.type);
-            formData.append("category_id", this.defaultProductCat.id);
-            formData.append("product_type_id", this.defaultProductType.id);
-            formData.append("tax_cat_id", this.defaultTaxCat.id);
-            formData.append("vendor", this.defaultVendor.id);
-            formData.append("update_existing", this.updateExisting ? 1 : 0);
-
-            Object.keys(this.mappedValues).forEach((key) => {
-                formData.append(`fields[${key}]`, this.mappedValues[key].id);
-            });
-
-            window.axios
-                .post("products/csv/validate", formData, {
-                    headers: {
-                        "Content-Type":
-                            "multipart/form-data;" +
-                            "boundary=" +
-                            Math.random().toString().substr(2),
-                    },
-                })
-                .then((response) => {
-                    this.manageProgressStatus(this.$func.__("Importing data", "erp"));
-
-                    window.axios
-                        .post("products/csv/import", {
-                            items: response.data.data,
-                            total: response.data.total,
-                            update: response.data.update,
-                        })
-                        .then((response) => {
-                            this.$root.$emit("imported-products");
-                            this.showAlert(
-                                "success",
-                                this.$func.__(
-                                    `${response.data} products have been imported successfully`,
-                                    "erp"
-                                )
-                            );
-
-                            this.manageProgressStatus();
-                        })
-                        .catch((error) => {
-                            this.manageProgressStatus();
-                            this.showImportError(error.response.data.message);
-
-                            jQuery("#import_form > div").animate(
-                                {
-                                    scrollTop: 0,
-                                },
-                                "fast"
-                            );
-                        });
-                })
-                .catch((error) => {
-                    this.manageProgressStatus();
-                    this.showImportError(error.response.data.message);
-
-                    jQuery("#import_form > div").animate(
-                        {
-                            scrollTop: 0,
-                        },
-                        "fast"
-                    );
-                });
-        },
-
-        processFile(event) {
-            this.errors = "";
-            this.showError = false;
-            this.csvFile = event.target.files[0];
-            let reader = new FileReader();
-
-            reader.readAsText(this.csvFile.slice(0, 5000));
-
-            reader.onload = (e) => {
-                let csv = reader.result;
-                let lines = csv.split("\n");
-                let columnNamesLine = lines[0];
-                let columnNames = columnNamesLine.split(",");
-
-                columnNames.forEach((name, index) => {
-                    this.fieldOptions[index] = {
-                        id: index,
-                        name: name.replace(/"/g, ""),
-                    };
-                });
-
-                this.showFieldMapping = true;
-            };
-        },
-
-        mapFields() {
-            let erpFields = this.$mybizna_var.fields;
-
-            if (erpFields[this.type] !== undefined) {
-                this.fields = erpFields[this.type].fields;
-                this.reqFields = erpFields[this.type].required_fields;
-
-                this.fields.forEach((field, index) => {
-                    this.mappedValues[field] = {
-                        id: index,
-                        name: this.strTitleCase(field),
-                    };
-                });
-            }
-        },
-
-        getVendors() {
-            window.axios.get("vendors").then((response) => {
-                if (response.data) {
-                    for (const i in response.data) {
-                        var vendor = response.data[i];
-                        var object = {
-                            id: vendor.id,
-                            name: vendor.first_name + " " + vendor.last_name,
-                        };
-                        this.vendors.push(object);
-                    }
-                }
-            });
-        },
-
-        getCategories() {
-            window.axios.get("product-cats").then((response) => {
-                this.productCategories = response.data;
-            });
-        },
-
-        getTaxCategories() {
-            window.axios.get("tax-cats").then((response) => {
-                this.taxCategories = response.data;
-            });
-        },
-
-        getProductTypes() {
-            window.axios.get("products/types").then((response) => {
-                this.productTypes = response.data;
-            });
-        },
-
-        strTitleCase(string) {
-            var str = string.replace(/_/g, " ");
-
-            return str
-                .toLowerCase()
-                .split(" ")
-                .map(function (word) {
-                    return word.charAt(0).toUpperCase() + word.slice(1);
-                })
-                .join(" ");
-        },
-
-        isRequired(field) {
-            return this.reqFields.includes(field);
-        },
-
-        generateCsvUrl() {
-            this.sampleUrl = `${this.$mybizna_var.admin_url}?page=erp-accounting&action=download_sample&type=product&_wpnonce=${this.$mybizna_var.export_import_nonce}#${this.$route.path}`;
-        },
-
-        downloadSample() {
-            window.location.href = this.sampleUrl;
-        },
-
-        showImportError(error) {
-            this.errors = error;
-            this.showError = true;
-
-            document
-                .getElementById("erp-import-modal-body")
-                .scrollIntoView({ behavior: "smooth" });
-        },
-
-        manageProgressStatus(text) {
-            document.getElementById("erp-import-processing").scrollIntoView();
-
-            this.processingClass = text ? "import-processing" : "";
-            this.isWorking = text ? true : false;
-            this.workingText = text;
-        },
-
-        isObject(item) {
-            return typeof item === "object" || typeof item === "array";
-        },
-    },
-};
-</script>
-
-<style>
-.modal-close .flaticon-close {
-    font-size: inherit;
-    line-height: 1.8;
-}
-
-.errors li {
-    background: #f3f3f3;
-    padding: 2px 10px;
-}
-.errors {
-    margin: 0 20px;
-    color: #f44336;
-}
-
-select {
-    width: -webkit-fill-available !important;
-}
-
-#erp-csv-import-error {
-    font-size: 16px !important;
-    padding: 5px !important;
-}
-
-.erp-loader {
-    height: 30px;
-    width: 30px;
-    background-size: 30px;
-}
-
-.import-processing {
-    background-color: rgba(255, 255, 146, 0.911);
-    padding: 7px;
-    margin: 5px 0;
-    border-radius: 4px;
-    position: fixed;
-    max-width: 656px;
-    width: 80%;
-    z-index: 1000;
-}
-.import-processing .loading-text {
-    margin-left: 50px;
-    font-size: 28px;
-    font-weight: 200;
-    line-height: 1.1;
-}
-
-#update_existing {
-    border: 0.5px solid rgb(219, 219, 219) !important;
-    height: 20px !important;
-    width: 20px !important;
-}
-#update_existing::before {
-    height: 2rem !important;
-    width: 1.55rem !important;
-}
-</style>
diff --git a/views/widgets/ProductModal.vue b/views/widgets/ProductModal.vue
deleted file mode 100755
index e4b40ee..0000000
--- a/views/widgets/ProductModal.vue
+++ /dev/null
@@ -1,614 +0,0 @@
-<template>
-    <div id="product-modal">
-        <div class="container">
-            <div class="modal modal-open has-form" role="dialog">
-                <div >
-                    <div>
-                        <div >
-                            <h3 v-if="!product">
-                                {{ this.$func.__("Add", "erp") }} {{ title }}
-                            </h3>
-                            <h3 v-else>
-                                {{ this.$func.__("Update", "erp") }} {{ title }}
-                            </h3>
-                            <span >
-                                <i
-                                    class="flaticon-close"
-                                    @click.prevent="$parent.$emit('close')"
-                                ></i>
-                            </span>
-                        </div>
-                        <div >
-                            <ul class="errors" v-if="error_msg.length">
-                                <li
-                                    v-for="(error, index) in error_msg"
-                                    :key="index"
-                                >
-                                    * {{ error }}
-                                </li>
-                            </ul>
-                            <!-- modal body title -->
-                            <!-- add new product form -->
-                            <form
-                                action=""
-                                method="post"
-                                @submit.prevent="saveProduct"
-                                class="add-product-form form-horizontal"
-                            >
-                                <!-- product name field -->
-
-                                <div class="row">
-                                    <div class="col-sm-3 ">
-                                        <label
-                                            >{{ this.$func.__("Product Name", "erp") }}
-                                            <span class="required-sign"
-                                                >*</span
-                                            ></label
-                                        >
-                                    </div>
-                                    <div class="col-sm-9 ">
-                                        <input
-                                            type="text"
-                                            class="form-control form-contro-sm form-field"
-                                            :placeholder="
-                                                this.$func.__(
-                                                    'Enter Product Name Here',
-                                                    'erp'
-                                                )
-                                            "
-                                            v-model="ProductFields.name"
-                                            required
-                                        />
-                                    </div>
-                                </div>
-
-                                <!-- product/service details panel -->
-                                <div
-                                    class="panel panel-default panel-product-details"
-                                >
-                                    <div class="panel-heading">
-                                        <span
-                                            class="panel-badge panel-badge-primary"
-                                        ></span>
-                                        <span>{{
-                                            this.$func.__("Product/Service Details", "erp")
-                                        }}</span>
-                                    </div>
-                                    <div class="panel-body">
-                                        <div class="row">
-                                            <div
-                                                class="col-sm-3 "
-                                            >
-                                                <label
-                                                    >{{
-                                                        this.$func.__(
-                                                            "Product Type",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span
-                                                        class="required-sign"
-                                                        >*</span
-                                                    ></label
-                                                >
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <div class="with-multiselect">
-                                                    <multi-select
-                                                        v-model="
-                                                            ProductFields.type
-                                                        "
-                                                        :options="productType"
-                                                        :disabled="false"
-                                                        :multiple="false"
-                                                    />
-                                                    <!-- <i class="flaticon-arrow-down-sign-to-navigate"></i> -->
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div
-                                                class="col-sm-3 "
-                                            >
-                                                <label>{{
-                                                    this.$func.__("Category", "erp")
-                                                }}</label>
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <div class="with-multiselect">
-                                                    <multi-select
-                                                        v-model="
-                                                            ProductFields.categories
-                                                        "
-                                                        :options="categories"
-                                                        :multiple="false"
-                                                    />
-                                                    <!-- <i class="flaticon-arrow-down-sign-to-navigate"></i> -->
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <!-- product/service details panel -->
-                                <div
-                                    class="panel panel-default panel-product-info"
-                                >
-                                    <div class="panel-heading">
-                                        <span
-                                            class="panel-badge panel-badge-info"
-                                        ></span>
-                                        <span>{{
-                                            this.$func.__("Product Information", "erp")
-                                        }}</span>
-                                    </div>
-                                    <div class="panel-body">
-                                        <div class="row">
-                                            <div
-                                                class="col-sm-3 "
-                                            >
-                                                <label for="cost-price">{{
-                                                    this.$func.__("Cost Price", "erp")
-                                                }}</label>
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <input
-                                                    type="text"
-                                                    name="cost-price"
-                                                    id="cost-price"
-                                                    value="0"
-                                                    class="form-control form-contro-sm form-field"
-                                                    v-model="
-                                                        ProductFields.costPrice
-                                                    "
-                                                />
-                                            </div>
-                                        </div>
-                                        <div class="row">
-                                            <div
-                                                class="col-sm-3 "
-                                            >
-                                                <label for="sale-price"
-                                                    >{{
-                                                        this.$func.__("Sale Price", "erp")
-                                                    }}
-                                                    <span
-                                                        class="required-sign"
-                                                        >*</span
-                                                    ></label
-                                                >
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <input
-                                                    type="text"
-                                                    name="sale-price"
-                                                    id="sale-price"
-                                                    value="0"
-                                                    class="form-control form-contro-sm form-field"
-                                                    v-model="
-                                                        ProductFields.salePrice
-                                                    "
-                                                    required
-                                                />
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <!-- Miscellaneous panel -->
-                                <div
-                                    class="panel panel-default panel-miscellaneous"
-                                >
-                                    <div class="panel-heading">
-                                        <span
-                                            class="panel-badge panel-badge-secondary"
-                                        ></span>
-                                        <span>{{
-                                            this.$func.__("Miscellaneous", "erp")
-                                        }}</span>
-                                    </div>
-                                    <div class="panel-body">
-                                        <div class="row">
-                                            <div
-                                                class="col-sm-3  product-owner"
-                                            >
-                                                <label>
-                                                    {{ this.$func.__("Owner", "erp") }}
-                                                    <span
-                                                        v-show="selfOwner"
-                                                        class="required-sign"
-                                                        >*</span
-                                                    >
-                                                </label>
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <input
-                                                    type="checkbox"
-                                                    v-model="selfOwner"
-                                                    value="self"
-                                                    :required="selfOwner"
-                                                />
-                                                {{ this.$func.__("self", "erp") }}
-                                            </div>
-
-                                            <div
-                                                class="col-sm-3
-                                                v-show="!selfOwner"
-                                            >
-                                                <label>
-                                                    {{ this.$func.__("Vendor", "erp") }}
-                                                    <span
-                                                        class="required-sign"
-                                                        >*</span
-                                                    >
-                                                </label>
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                                v-show="!selfOwner"
-                                            >
-                                                <div class="with-multiselect">
-                                                    <multi-select
-                                                        v-model="
-                                                            ProductFields.vendor
-                                                        "
-                                                        :options="vendors"
-                                                        :multiple="false"
-                                                    />
-                                                    <!-- <i class="flaticon-arrow-down-sign-to-navigate"></i> -->
-                                                </div>
-                                            </div>
-                                            <div
-                                                class="col-sm-3 "
-                                            >
-                                                <label
-                                                    >{{
-                                                        this.$func.__(
-                                                            "Tax Category",
-                                                            "erp"
-                                                        )
-                                                    }}
-                                                    <span
-                                                        class="erp-help-tip .erp-tips"
-                                                        :title="
-                                                            this.$func.__(
-                                                                'Selecting tax category is important if you want to have tax on that product while selling.',
-                                                                'erp'
-                                                            )
-                                                        "
-                                                    ></span
-                                                ></label>
-                                            </div>
-                                            <div
-                                                class="col-sm-9 "
-                                            >
-                                                <div class="with-multiselect">
-                                                    <multi-select
-                                                        v-model="
-                                                            ProductFields.tax_cat_id
-                                                        "
-                                                        :options="tax_cats"
-                                                        :multiple="false"
-                                                    />
-                                                    <!-- <i class="flaticon-arrow-down-sign-to-navigate"></i> -->
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <!-- buttons -->
-                                <div class="buttons-wrapper text-right">
-                                    <button
-                                        class="btn btn-default"
-                                        @click.prevent="$parent.$emit('close')"
-                                    >
-                                        {{ this.$func.__("Cancel", "erp") }}
-                                    </button>
-                                    <button
-                                        v-if="!product"
-                                        class="btn btn-primary"
-                                    >
-                                        {{ this.$func.__("Save", "erp") }}
-                                    </button>
-                                    <button
-                                        v-else
-                                        class="btn btn-primary"
-                                    >
-                                        {{ this.$func.__("Update", "erp") }}
-                                    </button>
-                                </div>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-export default {
-    components: {
-        MultiSelect:window.$func.fetchComponent('components/select/MultiSelect.vue'),
-    },
-
-    props: {
-        product: {
-            type: Object,
-            default: () => [],
-        },
-    },
-
-    data() {
-        return {
-            error_msg: [],
-            ProductFields: {
-                id: null,
-                name: "",
-                type: 0,
-                categories: 0,
-                costPrice: 0,
-                salePrice: 0,
-                vendor: 0,
-                tax_cat_id: 0,
-            },
-            vendors: [],
-            categories: [],
-            tax_cats: [],
-            productType: [],
-            title: this.$func.__("Product", "erp"),
-            isDisabled: false,
-            selfOwner: false,
-        };
-    },
-
-    emits: {
-        // Validate submit event
-        "options-query": ({query}) => {
-            if (query) {
-                window.axios
-                    .get("vendors", {
-                        params: {
-                            search: query,
-                        },
-                    })
-                    .then((response) => {
-                        if (response.data) {
-                            this.vendors = [];
-                            for (const i in response.data) {
-                                var vendor = response.data[i];
-                                var object = {
-                                    id: vendor.id,
-                                    name:
-                                        vendor.first_name +
-                                        " " +
-                                        vendor.last_name,
-                                };
-                                this.vendors.push(object);
-                            }
-                        }
-                    });
-            }
-            return true;
-        },
-    },
-    created() {
-        if (this.product) {
-            const product = this.product;
-            this.ProductFields.name = product.name;
-            this.ProductFields.id = product.id;
-            this.ProductFields.type = {
-                id: product.product_type_id,
-                name: product.product_type_name,
-            };
-            this.ProductFields.categories = {
-                id: product.category_id,
-                name: product.cat_name,
-            };
-            this.ProductFields.tax_cat_id = {
-                id: product.tax_cat_id,
-                name: product.tax_cat_name,
-            };
-            this.ProductFields.salePrice = product.sale_price;
-            this.ProductFields.costPrice = product.cost_price;
-            this.isDisabled = true;
-
-            if (product.vendor) {
-                this.ProductFields.vendor = {
-                    id: product.vendor,
-                    name: product.vendor_name,
-                };
-            } else {
-                this.selfOwner = true;
-                this.ProductFields.vendor = null;
-            }
-        }
-
-        this.loaded();
-    },
-
-    methods: {
-        saveProduct() {
-            if (!this.checkForm()) {
-                return false;
-            }
-
-
-            var type, url;
-
-            if (!this.product) {
-                type = "post";
-                url = "products";
-            } else {
-                type = "put";
-                url = "products/" + this.ProductFields.id;
-            }
-
-            var data = {
-                name: this.ProductFields.name,
-                product_type_id: this.ProductFields.type,
-                category_id: this.ProductFields.categories,
-                tax_cat_id: this.ProductFields.tax_cat_id,
-                vendor: null,
-                cost_price: this.ProductFields.costPrice,
-                sale_price: this.ProductFields.salePrice,
-            };
-
-            if (!this.selfOwner) {
-                data.vendor = this.ProductFields.vendor;
-            }
-
-            window.axios[type](url, data)
-                .then((response) => {
-                    this.$parent.$emit("close");
-                    this.$parent.getProducts();
-                    this.resetForm();
-                    this.showAlert(
-                        "success",
-                        type === "put"
-                            ? this.$func.__("Product Updated!", "erp")
-                            : this.$func.__("Product Created!", "erp")
-                    );
-                })
-                .catch((error) => {
-                    this.showAlert("warning", error.response.data.message);
-                });
-        },
-
-        loaded() {
-            this.getVendors();
-            this.getCategories();
-            this.getTaxCategories();
-            this.getProductTypes();
-        },
-
-        getVendors() {
-            window.axios.get("vendors").then((response) => {
-                if (response.data) {
-                    for (const i in response.data) {
-                        var vendor = response.data[i];
-                        var object = {
-                            id: vendor.id,
-                            name: vendor.first_name + " " + vendor.last_name,
-                        };
-                        this.vendors.push(object);
-                    }
-                }
-            });
-        },
-
-        getCategories() {
-            window.axios.get("product-cats").then((response) => {
-                this.categories = response.data;
-            });
-        },
-
-        getTaxCategories() {
-            window.axios.get("tax-cats").then((response) => {
-                this.tax_cats = response.data;
-            });
-        },
-
-        getProductTypes() {
-            window.axios.get("products/types").then((response) => {
-                this.productType = response.data;
-            });
-        },
-
-        resetForm() {
-            this.ProductFields.id = null;
-            this.ProductFields.name = "";
-            this.ProductFields.type = [];
-            this.ProductFields.categories = [];
-            this.ProductFields.vendor = [];
-            this.ProductFields.costPrice = "";
-            this.ProductFields.salePrice = "";
-        },
-
-        checkOwner() {
-            if (this.selfOwner) {
-                return true;
-            }
-
-            if (!this.ProductFields.vendor) {
-                return false;
-            }
-
-            return true;
-        },
-
-        checkForm() {
-            this.error_msg = [];
-
-            if (
-                this.ProductFields.name &&
-                this.ProductFields.type &&
-                this.checkOwner() &&
-                this.ProductFields.salePrice
-            ) {
-                return true;
-            }
-
-            if (!this.ProductFields.name) {
-                this.error_msg.push(this.$func.__("Product name is required", "erp"));
-            }
-
-            if (!this.ProductFields.type) {
-                this.error_msg.push(this.$func.__("Product type is required", "erp"));
-            }
-
-            if (this.ProductFields.salePrice <= 0) {
-                this.error_msg.push(
-                    this.$func.__("Product sale price should be greater than 0", "erp")
-                );
-            }
-
-            if (!this.selfOwner && !this.ProductFields.vendor) {
-                this.error_msg.push(this.$func.__("Vendor is required", "erp"));
-            }
-
-            return false;
-        },
-    },
-};
-</script>
-
-<style>
-#product-modal .modal-header {
-    padding: 30px 20px 20px !important;
-}
-
-#product-modal .product-owner {
-    margin-bottom: 10px;
-}
-#product-modal .product-owner label {
-    margin-top: 0;
-}
-
-#product-modal .modal-close {
-    line-height: 1.7;
-}
-#product-modal .modal-close .flaticon-close {
-    font-size: inherit;
-}
-
-#product-modal .errors {
-    margin: 0;
-    color: #f44336;
-}
-#product-modal .errors li {
-    background: #f3f3f3;
-    padding: 2px 10px;
-}
-</style>
diff --git a/views/widgets/Search.vue b/views/widgets/Search.vue
deleted file mode 100755
index 1a1bc4c..0000000
--- a/views/widgets/Search.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-    <div class="product-search">
-        <form @submit.prevent="searchPeople">
-            <div class="input-with-addon">
-                <input
-                    v-model="search"
-                    type="search"
-                    class="form-control form-contro-sm form-field"
-                    :placeholder="this.$func.__('Search Products')"
-                />
-                <span v-if="search" @click="clearSearch">&#x2716;</span>
-            </div>
-
-            <button type="submit" class="btn btn-primary search-btn">
-                {{ this.$func.__("Search", "erp") }}
-            </button>
-        </form>
-    </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            search: "",
-        };
-    },
-
-    methods: {
-        searchPeople() {
-            this.$emit("input", this.search);
-        },
-
-        clearSearch() {
-            this.search = "";
-            this.searchPeople();
-        },
-    },
-};
-</script>
-
-<style>
-.product-search {
-    display: flex;
-    position: absolute;
-    width: 20%;
-    align-items: center;
-    justify-content: flex-end;
-    right: 1.25rem;
-}
-
-.product-search form {
-    display: flex;
-}
-
-.product-search h4 {
-    margin: 0;
-}
-
-@media (max-width: 782px) {
-    .product-search {
-        right: 0.8rem;
-        margin-top: 9px;
-    }
-}
-
-.product-search .input-with-addon {
-    position: relative;
-}
-@media (max-width: 782px) {
-    .product-search .input-with-addon {
-        margin-top: 14px;
-        height: 29.8px;
-        max-height: 29.8px;
-    }
-}
-
-.product-search .input-with-addon input {
-    width: 180px;
-    max-height: 25px;
-    height: 25px;
-    border: 0.3px solid rgb(226, 226, 226);
-}
-.product-search .input-with-addon input::placeholder {
-    color: rgba(0, 0, 0, 0.6) !important;
-    font-size: 12px !important;
-    font-weight: 400 !important;
-}
-
-@media (max-width: 782px) {
-    .product-search .input-with-addon input {
-        height: 30px;
-        min-height: 30px;
-    }
-}
-
-@media (max-width: 650px) {
-    .product-search .input-with-addon input {
-        width: 120px;
-    }
-}
-
-.product-search .input-with-addon span {
-    position: absolute;
-    right: 7px;
-    top: 4px;
-    font-size: 15px;
-    cursor: pointer;
-}
-
-@media (max-width: 782px) {
-    .product-search .search-btn {
-        margin-top: 14px !important;
-    }
-}
-
-@media (max-width: 650px) {
-    .product-search .search-btn {
-        display: none;
-    }
-}
-</style>
diff --git a/views/widgets/counter.vue b/views/widgets/counter.vue
deleted file mode 100644
index e69de29..0000000
diff --git a/views/widgets/place.json b/views/widgets/place.json
deleted file mode 100644
index e69de29..0000000