{"version":3,"sources":["webpack:///./src/views/Misc/Contact.vue?d14e","webpack:///src/views/Misc/Contact.vue","webpack:///./src/views/Misc/Contact.vue?1c76","webpack:///./src/views/Misc/Contact.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","successSubmit","_e","ref","on","$event","preventDefault","submit","directives","name","rawName","value","form","expression","class","$v","email","$error","attrs","domProps","target","composing","$set","comment","submitting","staticRenderFns","data","errors","subject","validations","required","methods","$touch","$invalid","metaInfo","title","titleTemplate","component"],"mappings":"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","file":"js/Contact.0c749f42.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_vm._m(0),_c('section',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 my-3 pe-lg-8\"},[_c('h3',{staticClass:\"mb-2 h2\"},[_vm._v(\"Get in Touch\")]),(!_vm.successSubmit)?_c('form',{ref:\"form\",staticClass:\"row g-3 pt-3\",on:{\"submit\":function($event){$event.preventDefault();return _vm.submit($event)}}},[_c('div',{staticClass:\"col-md-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.email),expression:\"form.email\"}],staticClass:\"form-control\",class:{ 'is-invalid': _vm.$v.form.email.$error },attrs:{\"type\":\"email\",\"id\":\"inputEmail4\",\"placeholder\":\"Email*\"},domProps:{\"value\":(_vm.form.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"email\", $event.target.value)}}})]),_c('div',{staticClass:\"col-12\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.comment),expression:\"form.comment\"}],staticClass:\"form-control\",class:{ 'is-invalid': _vm.$v.form.comment.$error },attrs:{\"placeholder\":\"Leave a comment here*\",\"id\":\"floatingTextarea2\",\"rows\":\"4\"},domProps:{\"value\":(_vm.form.comment)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"comment\", $event.target.value)}}})]),_c('div',{staticClass:\"col-12\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\",\"disabled\":_vm.submitting}},[_vm._v(\"Send\")])])]):_vm._e(),(_vm.successSubmit)?_c('SuccessTick',[_vm._v(\"Your message has been sent\")]):_vm._e()],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-3 bg-gray-100\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-lg-6 my-2\"},[_c('h1',{staticClass:\"m-0 h4 text-center text-lg-start\"},[_vm._v(\"Contact Us\")])]),_c('div',{staticClass:\"col-lg-6 my-2\"},[_c('ol',{staticClass:\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-nowrap\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"bi bi-home\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item text-nowrap active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Contact us\")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <!-- Main -->\n  <main>\n    <!-- Breadcrumb -->\n    <div class=\"py-3 bg-gray-100\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col-lg-6 my-2\">\n            <h1 class=\"m-0 h4 text-center text-lg-start\">Contact Us</h1>\n          </div>\n          <div class=\"col-lg-6 my-2\">\n            <ol class=\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\">\n              <li class=\"breadcrumb-item\">\n                <a class=\"text-nowrap\" href=\"#\"><i class=\"bi bi-home\"></i>Home</a>\n              </li>\n              <li class=\"breadcrumb-item text-nowrap active\" aria-current=\"page\">Contact us</li>\n            </ol>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- End Breadcrumb -->\n    <!-- Contact us -->\n    <section class=\"section\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-lg-6 my-3 pe-lg-8\">\n            <!-- <div class=\"row\">\n              <div class=\"col-4\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npleft.png\" class=\"img-fluid\" />\n              </div>\n              <div class=\"col-4\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npfront.png\" class=\"img-fluid\" />\n              </div>\n              <div class=\"col-4\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npright.png\" class=\"img-fluid\" />\n              </div>\n            </div>\n\n            <div style=\"max-width:100%\">\n              <div class=\"d-flex justify-content-between\" style=\"max-width:100%\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npleft.png\" class=\"img-fluid\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npfront.png\" class=\"img-fluid\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/npright.png\" class=\"img-fluid\" />\n              </div>\n              <div class=\"d-flex justify-content-between\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/nbleft.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/nbfront.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/nbright.png\" />\n              </div>\n              <div class=\"d-flex justify-content-between\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ngright.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ngfront.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ngleft.png\" />\n              </div>\n              <div class=\"d-flex justify-content-between\">\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ncleft.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ncfront.png\" />\n                <img src=\"https://images.muzmerch.com/file/MuzMerchLive/static/Mugs/ncright.png\" />\n              </div>\n            </div> -->\n\n            <h3 class=\"mb-2 h2\">Get in Touch</h3>\n            <!-- <p class=\"fw-400\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> -->\n            <form v-if=\"!successSubmit\" class=\"row g-3 pt-3\" @submit.prevent=\"submit\" ref=\"form\">\n              <div class=\"col-md-12\">\n                <input type=\"email\" class=\"form-control\" id=\"inputEmail4\" placeholder=\"Email*\" v-model=\"form.email\" :class=\"{ 'is-invalid': $v.form.email.$error }\" />\n              </div>\n              <!-- <div class=\"col-12\">\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  id=\"inputAddress\"\n                  placeholder=\"Subject*\"\n                  v-model=\"form.subject\"\n                  :class=\"{ 'is-invalid': $v.form.subject.$error }\"\n                />\n              </div> -->\n              <div class=\"col-12\">\n                <textarea\n                  class=\"form-control\"\n                  placeholder=\"Leave a comment here*\"\n                  id=\"floatingTextarea2\"\n                  rows=\"4\"\n                  v-model=\"form.comment\"\n                  :class=\"{ 'is-invalid': $v.form.comment.$error }\"\n                ></textarea>\n              </div>\n              <div class=\"col-12\">\n                <button type=\"submit\" class=\"btn btn-primary\" :disabled=\"submitting\">Send</button>\n              </div>\n            </form>\n            <SuccessTick v-if=\"successSubmit\">Your message has been sent</SuccessTick>\n          </div>\n          <!-- <div class=\"col-lg-6 my-3\">\n            <div class=\"ratio ratio-16x9\">\n              <iframe src=\"https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed\"></iframe>\n            </div>\n          </div> -->\n        </div>\n      </div>\n    </section>\n    <!-- <div class=\"bg-gray-100 section\">\n      <div class=\"container\">\n        <div class=\"row g-4\">\n          <div class=\"col-lg-3 col-sm-6\">\n            <div class=\"card\">\n              <div class=\"card-body text-center\">\n                <div class=\"text-primary display-5 mb-3\">\n                  <i class=\"bi bi-telephone\"></i>\n                </div>\n                <div class=\"\">\n                  <p class=\"mb-0\">+012 345 678 123</p>\n                  <p>+012 345 678 123</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-3 col-sm-6\">\n            <div class=\"card\">\n              <div class=\"card-body text-center\">\n                <div class=\"text-primary display-5 mb-3\">\n                  <i class=\"bi bi-printer\"></i>\n                </div>\n                <div class=\"\">\n                  <p class=\"mb-0\">+012 345 678 123</p>\n                  <p>+012 345 678 123</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-3 col-sm-6\">\n            <div class=\"card\">\n              <div class=\"card-body text-center\">\n                <div class=\"text-primary display-5 mb-3\">\n                  <i class=\"bi bi-globe\"></i>\n                </div>\n                <div class=\"\">\n                  <p class=\"mb-0\"><a class=\"text-reset\" href=\"#\">demo@example.com</a></p>\n                  <p><a class=\"text-reset\" href=\"#\">demo@example.com</a></p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-lg-3 col-sm-6\">\n            <div class=\"card\">\n              <div class=\"card-body text-center\">\n                <div class=\"text-primary display-5 mb-3\">\n                  <i class=\"bi bi-geo-alt-fill\"></i>\n                </div>\n                <div class=\"\">\n                  <p class=\"mb-0\">1600 Amphitheatre Parkway</p>\n                  <p>New York WC1 1BA</p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div> -->\n    <!-- Contact end -->\n  </main>\n  <!-- End Main -->\n</template>\n\n<script>\nimport { required, email } from 'vuelidate/lib/validators'\nimport userService from '@/services/user.service.gen'\n\nexport default {\n  data() {\n    return {\n      errors: [],\n      successSubmit: false,\n      submitting: false,\n      form: {\n        email: '',\n        subject: '',\n        comment: ''\n      }\n    }\n  },\n  validations: {\n    form: {\n      email: {\n        required,\n        email\n      },\n      // subject: {\n      //   required\n      // },\n      comment: {\n        required\n      }\n    }\n  },\n  methods: {\n    submit() {\n      this.$v.$touch()\n\n      this.errors = []\n      if (this.$v.$invalid) {\n        return\n      }\n      this.submitting = true\n\n      userService\n        .contact(this.form.email, this.form.comment)\n        .then(() => {\n          this.successSubmit = true\n          setTimeout(() => {\n            this.successSubmit = false\n          }, 3000)\n          this.submitting = false\n          this.$refs.form.reset()\n        })\n        .catch(error => {\n          this.submitting = false\n\n          console.log(error)\n        })\n    }\n  },\n  metaInfo: {\n    title: 'MuzMerch',\n    titleTemplate: 'Contact Us | %s'\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=7e82795d&scoped=true&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e82795d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}