exports.ids = [70];
exports.modules = {

/***/ 280:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

/***/ 281:
/***/ (function(module, exports) {

// Exports
module.exports = {

};


/***/ }),

/***/ 344:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_0_id_35e631ac_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(280);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_0_id_35e631ac_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_0_id_35e631ac_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_0_id_35e631ac_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_0_id_35e631ac_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 345:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_1_id_35e631ac_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(281);
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_1_id_35e631ac_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_1_id_35e631ac_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_1_id_35e631ac_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_contactus_vue_vue_type_style_index_1_id_35e631ac_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 399:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/contactus.vue?vue&type=template&id=35e631ac&scoped=true
var render = function render() {
  var _vm = this,
    _c = _vm._self._c;
  return _c('div', {
    staticClass: "com-main com-width-1400 com-margin-auto"
  }, [_c('el-breadcrumb', {
    attrs: {
      "separator-class": "el-icon-arrow-right"
    }
  }, [_c('el-breadcrumb-item', {
    attrs: {
      "to": {
        path: '/'
      }
    }
  }, [_vm._v("Home")]), _vm._v(" "), _c('el-breadcrumb-item', [_vm._v("Contact Us")])], 1), _vm._ssrNode(" <p class=\"title\" data-v-35e631ac>Contact Us</p> <div class=\"line\" data-v-35e631ac></div> <div style=\"padding-left: 20px; font-size: 16px\" data-v-35e631ac>" + _vm._s(_vm.info) + "</div> <br data-v-35e631ac> <br data-v-35e631ac> <br data-v-35e631ac> <br data-v-35e631ac> <br data-v-35e631ac> <br data-v-35e631ac> "), _vm._ssrNode("<div class=\"site-enquiry-form\" data-v-35e631ac>", "</div>", [_c('el-form', {
    ref: "form",
    attrs: {
      "inline": true,
      "model": _vm.formData,
      "rules": _vm.rules,
      "label-position": "top"
    }
  }, [_vm._l(_vm.config, function (item) {
    return _c('el-form-item', {
      key: item.label,
      class: {
        'long-form-item': item.long,
        'short-form-item': !item.long
      },
      attrs: {
        "prop": item.prop,
        "label": item.placeholder
      }
    }, [_c('el-input', {
      attrs: {
        "rows": item.type === 'textarea' ? 6 : 1,
        "type": item.type,
        "size": "small",
        "name": item.prop,
        "id": item.prop
      },
      model: {
        value: _vm.formData[item.prop],
        callback: function ($$v) {
          _vm.$set(_vm.formData, item.prop, $$v);
        },
        expression: "formData[item.prop]"
      }
    })], 1);
  }), _vm._v(" "), _c('el-form-item', [_c('div', {
    staticClass: "flex center",
    staticStyle: {
      "width": "100%"
    }
  }, [_c('el-button', {
    attrs: {
      "loading": _vm.submitLoading
    },
    on: {
      "click": _vm.submit
    }
  }, [_vm._v("SUBMIT")])], 1)])], 2), _vm._ssrNode(" <div style=\"position: absolute; left: -100vw\" data-v-35e631ac><div class=\"preview-area\" data-v-35e631ac><div style=\"margin-bottom: 4px; font-weight: bold; font-size: 18px\" data-v-35e631ac>\n          Name\n        </div> <div style=\"padding-left: 20px; font-size: 16px; margin-bottom: 8px\" data-v-35e631ac>" + _vm._ssrEscape("\n          " + _vm._s(_vm.formData.name) + "\n        ") + "</div> <div style=\"margin-bottom: 4px; font-weight: bold; font-size: 18px\" data-v-35e631ac>\n          Phone\n        </div> <div style=\"padding-left: 20px; font-size: 16px; margin-bottom: 8px\" data-v-35e631ac>" + _vm._ssrEscape("\n          " + _vm._s(_vm.formData.phone) + "\n        ") + "</div> <div style=\"margin-bottom: 4px; font-weight: bold; font-size: 18px\" data-v-35e631ac>\n          Email\n        </div> <div style=\"padding-left: 20px; font-size: 16px; margin-bottom: 8px\" data-v-35e631ac>" + _vm._ssrEscape("\n          " + _vm._s(_vm.formData.email) + "\n        ") + "</div> <div style=\"margin-bottom: 4px; font-weight: bold; font-size: 18px\" data-v-35e631ac>\n          Enquiry Details\n        </div> <div style=\"padding-left: 20px; font-size: 16px; margin-bottom: 8px\" data-v-35e631ac>" + _vm._ssrEscape("\n          " + _vm._s(_vm.formData.enquiry) + "\n        ") + "</div></div></div>")], 2)], 2);
};
var staticRenderFns = [];

// CONCATENATED MODULE: ./pages/home/contactus.vue?vue&type=template&id=35e631ac&scoped=true

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/home/contactus.vue?vue&type=script&lang=js
/* harmony default export */ var contactusvue_type_script_lang_js = ({
  data() {
    return {
      siteID: '',
      info: '',
      submitLoading: false,
      config: [{
        long: true,
        autoInput: true,
        prop: 'name',
        type: 'input',
        placeholder: 'Name'
      }, {
        long: true,
        prop: 'phone',
        type: 'input',
        placeholder: 'Phone'
      }, {
        long: true,
        prop: 'email',
        type: 'input',
        placeholder: 'Email'
      }, {
        long: true,
        prop: 'enquiry',
        type: 'textarea',
        placeholder: 'Enquiry'
      }],
      rules: {
        email: [{
          required: true,
          message: 'Please input',
          trigger: 'blur'
        }],
        phone: [{
          required: true,
          message: 'Please input',
          trigger: 'blur'
        }],
        name: [{
          required: true,
          message: 'Please input',
          trigger: 'blur'
        }],
        enquiry: [{
          required: true,
          message: 'Please input',
          trigger: 'blur'
        }]
      },
      formData: {
        // name: 'name',
        // email: 'peter@gmail.com',
        // phone: 'phone',
        // enquiry: 'enquiry',
        name: '',
        email: '',
        phone: '',
        enquiry: ''
      }
    };
  },
  async created() {
    await this.$store.dispatch('getShopInfo').then(res => {
      this.info = res.contactus;
      this.siteID = res.id;
    });
  },
  methods: {
    submit() {
      this.$refs.form.validate(valid => {
        if (!valid) return;
        const f = JSON.parse(JSON.stringify(this.formData));
        f.site_id = this.siteID;
        this.submitLoading = true;
        this.$axios.post('/c-api/quote/sendenquiry', f).then(() => {
          this.$message.success('submit success');
          this.formData = {
            name: '',
            email: '',
            phone: '',
            enquiry: ''
          };
        }).finally(() => {
          this.submitLoading = false;
        });
      });
    }
  }
});
// CONCATENATED MODULE: ./pages/home/contactus.vue?vue&type=script&lang=js
 /* harmony default export */ var home_contactusvue_type_script_lang_js = (contactusvue_type_script_lang_js); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./pages/home/contactus.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(344)
if (style0.__inject__) style0.__inject__(context)
var style1 = __webpack_require__(345)
if (style1.__inject__) style1.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  home_contactusvue_type_script_lang_js,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "35e631ac",
  "56454418"
  
)

/* harmony default export */ var contactus = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=contactus.js.map