{"version":3,"sources":["webpack:///./src/assets/img/close.png","webpack:///./src/containers/HeaderLogin.vue?aebf","webpack:///src/containers/HeaderLogin.vue","webpack:///./src/containers/HeaderLogin.vue?3367","webpack:///./src/containers/HeaderLogin.vue","webpack:///./src/assets/img/editblue.png","webpack:///./src/assets/img/footbal-vector.png","webpack:///./src/views/ProfileSetting.vue?6180","webpack:///./src/assets/img/success.png","webpack:///./src/containers/HeaderLogin.vue?41d6","webpack:///./src/views/ProfileSetting.vue?aa5f","webpack:///src/views/ProfileSetting.vue","webpack:///./src/views/ProfileSetting.vue?36fc","webpack:///./src/views/ProfileSetting.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","proxy","_v","_s","$t","on","$event","preventDefault","changeLanguage","staticStyle","filepath","SignOut","staticRenderFns","response","status","data","console","error","$API","component","OpenClub","filePath","triggerFileInput","ref","onFileChange","ClubName","Category","model","value","callback","$$v","expression","Email","Phone","Location","Descriptiondata","closePopup","category","selectedCategory","submitClub","_e","closeSuccess","formData","append","log"],"mappings":"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","file":"js/chunk-41a8aece.69789d22.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/close.15cfcf61.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CHeader',{staticClass:\"navbars\",attrs:{\"data-aos-easing\":\"linear\",\"data-aos-duration\":\"1500\",\"id\":\"el\"}},[_c('CHeaderBrand',{staticClass:\"mx-auto\",attrs:{\"to\":\"/\"}},[_c('img',{staticClass:\"m-1\",attrs:{\"src\":require(\"../assets/img/Logo.png\"),\"height\":\"38\"}})]),_c('CDropdown',{staticClass:\"m-2 d-sm-flex d-lg-none\",attrs:{\"color\":\"light\",\"caret\":false},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}})]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"to\":\"/\"}},[_vm._v(\" \"+_vm._s(_vm.$t('homepage'))+\" \")]),_c('CDropdownItem',{attrs:{\"href\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('login'))+\" \")]),_c('CDropdownItem',{attrs:{\"href\":\"CreateAccount\"}},[_vm._v(\" \"+_vm._s(_vm.$t('signUp'))+\" \")]),_c('CDropdownItem',{attrs:{\"href\":\"\"}},[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"#\",\"title\":\"Malay\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changeLanguage('ms')}}},[_vm._v(\"BM\")])]),_c('CDropdownItem',{attrs:{\"href\":\"\"}},[_c('a',{staticClass:\"ml-2\",attrs:{\"href\":\"#\",\"title\":\"English\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changeLanguage('en')}}},[_vm._v(\"EN\")])])],1),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{attrs:{\"to\":\"/\"}},[_vm._v(\" \"+_vm._s(_vm.$t('homepage'))+\" \")])],1),_c('CHeaderNavItem',{staticClass:\"px-1\"},[_c('CHeaderNavLink',{attrs:{\"to\":\"ViewTeams\"}},[_vm._v(\" \"+_vm._s(_vm.$t('forClubsAndOrganization'))+\" \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"color\":\"#fff\",\"font-family\":\"'Montserrat', sans-serif\",\"font-weight\":\"bold\",\"font-size\":\"15px\"}},[_c('a',{staticClass:\"mr-2\",attrs:{\"href\":\"#\",\"title\":\"Malay\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changeLanguage('ms')}}},[_vm._v(\"BM\")]),_vm._v(\" | \"),_c('a',{staticClass:\"ml-2\",attrs:{\"href\":\"#\",\"title\":\"English\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changeLanguage('en')}}},[_vm._v(\"EN\")])])],1),_c('CDropdown',{staticClass:\"c-header-nav-items\",attrs:{\"inNav\":\"\",\"placement\":\"bottom-end\",\"add-menu-classes\":\"pt-0\"},scopedSlots:_vm._u([{key:\"toggler\",fn:function(){return [_c('CHeaderNavLink',[_c('div',{staticClass:\"c-avatar\"},[(_vm.filepath != null)?_c('img',{staticStyle:{\"border-radius\":\"15px\"},attrs:{\"src\":_vm.filepath,\"height\":\"30px\"}}):_c('img',{staticStyle:{\"border-radius\":\"15px\"},attrs:{\"src\":\"img/avatars/6.jpg\",\"height\":\"30px\"}})])])]},proxy:true}])},[_c('CDropdownItem',{on:{\"click\":function($event){return _vm.SignOut()}}},[_vm._v(\"Log Out\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <CHeader\n      data-aos-easing=\"linear\"\n      data-aos-duration=\"1500\"\n      id=\"el\"\n      class=\"navbars\"\n    >\n      <CHeaderBrand class=\"mx-auto\" to=\"/\">\n        <img\n          src=\"../assets/img/Logo.png\"\n          height=\"38\"\n          class=\"m-1\"\n        />\n      </CHeaderBrand>\n  \n      <CDropdown color=\"light\" class=\"m-2 d-sm-flex d-lg-none\" :caret=\"false\">\n        <template #toggler-content>\n          <CIcon name=\"cil-justify-center\" />\n        </template>\n        \n        <CDropdownItem to=\"/\"> {{ $t('homepage') }} </CDropdownItem>\n        <CDropdownItem href=\"\"> {{ $t('login') }} </CDropdownItem>\n        <CDropdownItem href=\"CreateAccount\"> {{ $t('signUp') }} </CDropdownItem>\n        <CDropdownItem href=\"\">  <a href=\"#\" @click.prevent=\"changeLanguage('ms')\" title=\"Malay\" class=\"mr-2\">BM</a> </CDropdownItem>\n        <CDropdownItem href=\"\">   <a href=\"#\" @click.prevent=\"changeLanguage('en')\" title=\"English\" class=\"ml-2\">EN</a> </CDropdownItem>\n      </CDropdown>\n  \n      <CHeaderNav class=\"d-md-down-none mr-auto\">\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink to=\"/\"> {{ $t('homepage') }} </CHeaderNavLink>\n        </CHeaderNavItem>\n        </CHeaderNavItem>\n        <CHeaderNavItem class=\"px-1\">\n          <CHeaderNavLink to=\"ViewTeams\"> {{ $t('forClubsAndOrganization') }} </CHeaderNavLink>\n        </CHeaderNavItem>\n        <CHeaderNavItem class=\"px-3\">\n          <CHeaderNavLink style=\"color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 15px;\">\n            <a href=\"#\" @click.prevent=\"changeLanguage('ms')\" title=\"Malay\" class=\"mr-2\">BM</a>\n            |\n            <a href=\"#\" @click.prevent=\"changeLanguage('en')\" title=\"English\" class=\"ml-2\">EN</a>\n          </CHeaderNavLink>\n        </CHeaderNavItem>\n\n        <CDropdown\n            inNav\n            class=\"c-header-nav-items\"\n            placement=\"bottom-end\"\n            add-menu-classes=\"pt-0\"\n        >\n            <template #toggler>\n            <CHeaderNavLink>\n                <div class=\"c-avatar\">\n                <!-- <img\n                    src=\"img/avatars/6.jpg\"\n                    class=\"c-avatar-img \"\n                /> -->\n                <img v-if=\"filepath != null\" :src=\"filepath\" height=\"30px\" style=\"border-radius: 15px;\"/>\n                <img v-else src=\"img/avatars/6.jpg\" height=\"30px\" style=\"border-radius: 15px;\"/>\n                </div>\n            </CHeaderNavLink>\n            </template>\n        \n            \n                <CDropdownItem\n                @click=\"SignOut()\"\n                >Log Out</CDropdownItem\n                >\n        </CDropdown>\n\n\n\n\n\n\n      </CHeaderNav>\n    </CHeader>\n  </template>\n  \n  <script>\n  import TheHeaderDropdownAccnt from \"./TheHeaderDropdownAccnt\";\n  \n  export default {\n    name: \"TheHeader\",\n    components: {\n      TheHeaderDropdownAccnt,\n    },\n    data() {\n        return {\n            Name: \"\",\n            filepath: \"\",\n        };\n    },\n    async mounted() {\n\n    this.GetInfoUser();\n\n    },\n    methods: {\n      changeLanguage(lang) {\n        this.$i18n.locale = lang;\n      },\n      GoToLogin()\n      {\n        this.$router.push(\"LoginAccount\");\n      },\n      GoToSignUp()\n      {\n        this.$router.push(\"CreateAccount\");\n      },\n      async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, { withCredentials: true });\n                if (response.status === 200 && response.data) {\n                    this.user = response.data;\n                    this.Name = this.user.name;\n                    this.filepath = this.user.filePath;\n                } else {\n                    console.error(\"User info retrieval failed:\", response.data.detail);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user info:\", error);\n            }\n        },\n        SignOut: function () {\n      return this.$API\n        .get(this.$SignOut, {\n          withCredentials: true\n        })\n        .then(response => {\n          if (response.status == 200) {\n            this.$router.push(\"/LoginAccount\");\n          }\n        });\n\n    },\n    }\n  };\n  </script>\n  \n  <style scoped>\n  /* Add your styles here */\n  </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!./HeaderLogin.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!./HeaderLogin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeaderLogin.vue?vue&type=template&id=f486d626&scoped=true&\"\nimport script from \"./HeaderLogin.vue?vue&type=script&lang=js&\"\nexport * from \"./HeaderLogin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeaderLogin.vue?vue&type=style&index=0&id=f486d626&scoped=true&lang=css&\"\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  \"f486d626\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/footbal-vector.4062bc8a.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSetting.vue?vue&type=style&index=0&id=229d3882&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileSetting.vue?vue&type=style&index=0&id=229d3882&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/success.70e7f243.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderLogin.vue?vue&type=style&index=0&id=f486d626&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeaderLogin.vue?vue&type=style&index=0&id=f486d626&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CCard',{staticClass:\"bg-F5F9FF p-2\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('img',{staticClass:\"border-10px\",staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":require(\"../assets/img/footbal-vector.png\")}})]),_c('CCol',{attrs:{\"sm\":\"8\"}},[_c('label',{staticClass:\"bg-DCEAFE p-1 border-10px\"},[_c('h3',{staticClass:\"font-color-064BB4 custom-12px-500 mt-2\"},[_vm._v(\"Build Your Dream Club Today!\")])]),_c('h3',{staticClass:\"custom-24px-600 font-color-0A0A0A\"},[_vm._v(\" Start your journey by creating your own sports club now. It’s easy, fast, and FREE! \")]),_c('p',{staticClass:\"custom-16px-400 font-color-737373\"},[_vm._v(\" A dynamic and vibrant background featuring players from different sports (e.g., table tennis, football, basketball) in action. \")])]),_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('CButton',{staticClass:\"bg-064BB4 text-white mt-5\",on:{\"click\":_vm.OpenClub}},[_vm._v(\"Create & Edit\")])],1)],1)],1),_c('h3',{staticClass:\"custom-24px-500 text-left\"},[_vm._v(\"Club Detail\")]),_c('h3',{staticClass:\"custom-16px-400 font-color-AEAEB2 text-left\"},[_vm._v(\"Update club detail information\")]),_c('h3',{staticClass:\"custom-18px-500 text-left mt-4\"},[_vm._v(\"Club photo\")]),_c('CRow',{staticClass:\"mt-3\"},[_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('div',{staticClass:\"text-center\"},[_c('span',[(_vm.filePath === '')?_c('img',{staticClass:\"avatar-img\",attrs:{\"width\":\"100px\",\"src\":require(\"../assets/img/user-profile.png\")}}):_c('img',{staticClass:\"avatar-img\",staticStyle:{\"border-radius\":\"50%\",\"border\":\"5px solid #fff\"},attrs:{\"width\":\"100px\",\"src\":_vm.filePath}}),_c('img',{staticClass:\"edit-img\",staticStyle:{\"max-width\":\"30px\",\"cursor\":\"pointer\"},attrs:{\"src\":require(\"../assets/img/editblue.png\")},on:{\"click\":_vm.triggerFileInput}}),_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\".jpg, .jpeg, .png\"},on:{\"change\":_vm.onFileChange}})])])]),_c('CCol',{attrs:{\"sm\":\"10\"}},[_c('h3',{staticClass:\"custom-16px-400 font-color-171717\"},[_vm._v(_vm._s(_vm.ClubName))]),_c('h3',{staticClass:\"custom-14px-400 font-color-667085\"},[_vm._v(_vm._s(_vm.Category))])]),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-4\"},[_vm._v(\"Category\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.Category),callback:function ($$v) {_vm.Category=$$v},expression:\"Category\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-4\"},[_vm._v(\"Club / Organization\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.ClubName),callback:function ($$v) {_vm.ClubName=$$v},expression:\"ClubName\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-2\"},[_vm._v(\"Email\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.Email),callback:function ($$v) {_vm.Email=$$v},expression:\"Email\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-2\"},[_vm._v(\"Phone Number\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.Phone),callback:function ($$v) {_vm.Phone=$$v},expression:\"Phone\"}})],1),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-2\"},[_vm._v(\"Location\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.Location),callback:function ($$v) {_vm.Location=$$v},expression:\"Location\"}})],1),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-2\"},[_vm._v(\"Description\")]),_vm._v(\" \"+_vm._s(_vm.Descriptiondata)+\" \")]),_c('CCol',{staticClass:\"text-right\",attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"d-flex justify-content-end\"})])],1),(_vm.isPopupCreateClub)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all2\"},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"11\"}},[_c('h3',[_vm._v(\"Create Club \")])]),_c('CCol',{attrs:{\"sm\":\"1\"}},[_c('img',{staticStyle:{\"max-width\":\"50px\",\"text-align\":\"right\"},attrs:{\"src\":require(\"../assets/img/close.png\")},on:{\"click\":_vm.closePopup}})]),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('CCard',[_c('span',{staticClass:\"text-center mt-5\"},[(_vm.filePath === '')?_c('img',{staticClass:\"avatar-img\",attrs:{\"width\":\"100px\",\"src\":require(\"../assets/img/user-profile.png\")}}):_c('img',{staticClass:\"avatar-img\",attrs:{\"width\":\"100px\",\"src\":_vm.filePath}}),_c('p',{staticClass:\"font-color-064BB4 text-center mt-3 mb-0\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.triggerFileInput}},[_vm._v(\"Click to upload\")]),_c('p',{staticClass:\"font-color-737373 text-center custom-14px-400\"},[_vm._v(\"SVG, PNG, JPG or GIF (max. 800x400px)\")]),_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\".jpg, .jpeg, .png\"},on:{\"change\":_vm.onFileChange}})])])],1),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('CRow',[_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-4\"},[_vm._v(\"Club / Organization\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.ClubName),callback:function ($$v) {_vm.ClubName=$$v},expression:\"ClubName\"}})],1),_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-4\"},[_vm._v(\"Email\")]),_c('CInput',{attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.Email),callback:function ($$v) {_vm.Email=$$v},expression:\"Email\"}})],1),_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717 mt-4\"},[_vm._v(\"Phone Number\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.Phone),callback:function ($$v) {_vm.Phone=$$v},expression:\"Phone\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717\"},[_vm._v(\"Category\")]),_c('v-select',{staticClass:\"m-2\",attrs:{\"label\":\"Name\",\"placeholder\":\"--Sila Pilih Kategori--\",\"required\":\"\",\"options\":_vm.category},model:{value:(_vm.selectedCategory),callback:function ($$v) {_vm.selectedCategory=$$v},expression:\"selectedCategory\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717\"},[_vm._v(\"Location\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.Location),callback:function ($$v) {_vm.Location=$$v},expression:\"Location\"}})],1),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('h3',{staticClass:\"custom-14px-500 font-color-171717\"},[_vm._v(\"Description\")]),_c('CTextarea',{staticClass:\"mb-2\",attrs:{\"placeholder\":\"Enter Your Content\",\"Descriptiondata\":\"\"},model:{value:(_vm.Descriptiondata),callback:function ($$v) {_vm.Descriptiondata=$$v},expression:\"Descriptiondata\"}})],1)],1)],1),_c('CCol',{attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"text-right mt-4\"},[_c('CButton',{staticClass:\"border-064BB4 font-color-064BB4\",on:{\"click\":_vm.closePopup}},[_vm._v(\"Cancel\")]),_c('CButton',{staticClass:\"bg-064BB4 text-white ml-2\",on:{\"click\":_vm.submitClub}},[_vm._v(\"Create & Save\")])],1)])],1)],1)]):_vm._e(),(_vm.isPopupSuccess)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":require(\"../assets/img/success.png\")}}),_c('h3',{staticClass:\"custom-18px-400 font-color-171717 text-center mt-3\"},[_vm._v(\" Your data save successfully \")]),_c('CButton',{staticClass:\"custom-bg-border-AEAEB2\",staticStyle:{\"width\":\"100px\"},on:{\"click\":_vm.closeSuccess}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"OK\")])])],1)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <CCard class=\"bg-F5F9FF p-2\">\n            <CRow>\n                <CCol sm=\"2\">\n                    <img src=\"../assets/img/footbal-vector.png\" style=\"max-width:100%\" class=\"border-10px\"/>\n                </CCol>\n                <CCol sm=\"8\">\n                    <label class=\"bg-DCEAFE p-1 border-10px\">\n                        <h3 class=\"font-color-064BB4 custom-12px-500 mt-2\">Build Your Dream Club Today!</h3>\n                    </label>\n                    <h3 class=\"custom-24px-600 font-color-0A0A0A\">\n                        Start your journey by creating your own sports club now. It’s easy, fast, and FREE!\n                    </h3>\n                    <p class=\"custom-16px-400 font-color-737373\">\n                        A dynamic and vibrant background featuring players from different sports (e.g., table tennis, football, basketball) in action.\n                    </p>\n                </CCol>\n                <CCol sm=\"2\">\n                    <CButton class=\"bg-064BB4 text-white mt-5\" @click=\"OpenClub\">Create & Edit</CButton>\n                </CCol>\n            </CRow>\n        </CCard>\n                <h3 class=\"custom-24px-500 text-left\">Club Detail</h3>\n                <h3 class=\"custom-16px-400 font-color-AEAEB2 text-left\">Update club detail information</h3>\n                <h3 class=\"custom-18px-500 text-left mt-4\">Club photo</h3>\n                <CRow class=\"mt-3\">\n                    <CCol sm=\"2\">\n                        <div class=\"text-center\">\n                           \n                                <span>\n                                    <img \n                                        v-if=\"filePath === ''\" \n                                        width=\"100px\" \n                                        src=\"../assets/img/user-profile.png\" \n                                        class=\"avatar-img\"\n                                    />\n                                    <img \n                                        v-else \n                                        width=\"100px\" \n                                        :src=\"filePath\" \n                                        style=\"border-radius: 50%; border: 5px solid #fff\" \n                                        class=\"avatar-img\"\n                                    />\n                                    <!-- Edit Icon -->\n                                    <img \n                                        src=\"../assets/img/editblue.png\" \n                                        class=\"edit-img\" \n                                        style=\"max-width:30px; cursor: pointer;\" \n                                        @click=\"triggerFileInput\" \n                                    />\n                                    <!-- Hidden File Input -->\n                                    <input \n                                        type=\"file\" \n                                        ref=\"fileInput\" \n                                        @change=\"onFileChange\" \n                                        style=\"display: none;\" \n                                        accept=\".jpg, .jpeg, .png\" \n                                    />\n                                </span>\n                        </div>\n                    </CCol>\n                    <CCol sm=\"10\">\n                        <h3 class=\"custom-16px-400 font-color-171717\">{{ ClubName }}</h3>\n                        <h3 class=\"custom-14px-400 font-color-667085\">{{ Category}}</h3>\n                        <!-- <h3 class=\"custom-14px-500 font-color-687588\">We only support .JPG, .JPEG, or .PNG file.</h3>\n                        <input type=\"file\" accept=\"image/png, image/jpeg, image/jpg\" @change=\"onFileChange\" class=\"d-none\" ref=\"fileInput\" />\n                        <div class=\"d-flex\">\n                        <CButton class=\"bg-064BB4 text-white p-2\" @click=\"triggerFileInput\">Upload Your Photo</CButton>\n                        </div> -->\n                    </CCol>\n                    <CCol sm=\"6\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-4\">Category</h3>\n                        <!-- <v-select v-model=\"selectedCategory\" label=\"Name\" placeholder=\"--Sila Pilih Kategori--\" required :options=\"category\" class=\"m-2\"></v-select> -->\n\n                        <!-- <v-select \n    v-model=\"selectedCategory\" \n    label=\"Name\" \n    placeholder=\"--Sila Pilih Kategori--\" \n    required \n    :options=\"category\" \n    class=\"m-2\">\n</v-select> -->\n<CInput type=\"text\" v-model=\"Category\" disabled/>\n                    </CCol>\n                    <CCol sm=\"6\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-4\">Club / Organization</h3>\n                        <CInput type=\"text\" v-model=\"ClubName\" disabled/>\n                    </CCol>\n                    <CCol sm=\"6\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-2\">Email</h3>\n                        <CInput type=\"text\"  v-model=\"Email\" disabled/>\n                    </CCol>\n                    <CCol sm=\"6\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-2\">Phone Number</h3>\n                        <CInput type=\"text\"  v-model=\"Phone\" disabled/>\n                        \n                    </CCol>\n                    <CCol sm=\"12\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-2\">Location</h3>\n                        <CInput type=\"text\"  v-model=\"Location\" disabled/>\n                        \n                    </CCol>\n                    <CCol sm=\"12\">\n                        <h3 class=\"custom-14px-500 font-color-171717 mt-2\">Description</h3>\n                   {{ Descriptiondata }}\n                        \n                    </CCol>\n                   \n                    <CCol sm=\"12\" class=\"text-right\">\n                        <div class=\"d-flex justify-content-end\">\n                            <!-- <CButton class=\"border-064BB4 font-color-064BB4 ml-2\">Edit Profile</CButton> -->\n                            <!-- <CButton class=\"bg-064BB4 text-white ml-2 mb-2\" @click=\"submitClub\">Save</CButton> -->\n                        </div>\n                    </CCol>\n                </CRow>\n    \n   \n            <div v-if=\"isPopupCreateClub\" class=\"popup-all backdrop-all\">\n                <div class=\"popup-all2\">\n                    <CRow>\n                        <CCol sm=\"11\"><h3>Create Club </h3></CCol>\n                        <CCol sm=\"1\">  <img src=\"../assets/img/close.png\" style=\"max-width:50px;text-align:right\" @click=\"closePopup\" /></CCol>\n                        <CCol sm=\"12\">\n                            <CCard>\n                                <span class=\"text-center mt-5\">\n                                    <img \n                                        v-if=\"filePath === ''\" \n                                        width=\"100px\" \n                                        src=\"../assets/img/user-profile.png\" \n                                        class=\"avatar-img\"\n                                    />\n                                    <img \n                                        v-else \n                                        width=\"100px\" \n                                        :src=\"filePath\" \n                                        class=\"avatar-img\"\n                                    />\n\n                                    <p class=\"font-color-064BB4 text-center mt-3 mb-0\" @click=\"triggerFileInput\" style=\"cursor: pointer;\">Click to upload</p>\n                                    <p class=\"font-color-737373 text-center custom-14px-400\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\n                                   \n                                    <!-- Hidden File Input -->\n                                    <input \n                                        type=\"file\" \n                                        ref=\"fileInput\" \n                                        @change=\"onFileChange\" \n                                        style=\"display: none;\" \n                                        accept=\".jpg, .jpeg, .png\" \n                                    />\n                                </span>\n                            </CCard>\n                        </CCol>\n                        <CCol sm=\"12\">\n                            <CRow>\n                                <CCol sm=\"4\">\n                                    <h3 class=\"custom-14px-500 font-color-171717 mt-4\">Club / Organization</h3>\n                                    <CInput type=\"text\" v-model=\"ClubName\"/>\n                                </CCol>\n                                <CCol sm=\"4\">\n                                    <h3 class=\"custom-14px-500 font-color-171717 mt-4\">Email</h3>\n                                    <CInput type=\"text\" v-model=\"Email\" disabled/>\n                                </CCol>\n                                <CCol sm=\"4\">\n                                    <h3 class=\"custom-14px-500 font-color-171717 mt-4\">Phone Number</h3>\n                                    <CInput type=\"text\" v-model=\"Phone\"/>\n                                </CCol>\n                                <CCol sm=\"6\">\n                                    <h3 class=\"custom-14px-500 font-color-171717\">Category</h3>\n                                    <v-select v-model=\"selectedCategory\" label=\"Name\" placeholder=\"--Sila Pilih Kategori--\" required :options=\"category\" class=\"m-2\"></v-select>\n                                </CCol>\n                                <CCol sm=\"6\">\n                                    <h3 class=\"custom-14px-500 font-color-171717\">Location</h3>\n                                    <CInput type=\"text\" v-model=\"Location\"/>\n                                </CCol>\n                                <CCol sm=\"12\">\n                                    <h3 class=\"custom-14px-500 font-color-171717\">Description</h3>\n                                    <CTextarea \n                                        v-model=\"Descriptiondata\" placeholder=\"Enter Your Content\" class=\"mb-2\" v-html=\"\"Descriptiondata>\n                                    </CTextarea>\n                                </CCol>\n                            </CRow>\n                        </CCol>\n                     \n                      \n                        <CCol sm=\"12\">\n                            <div class=\"text-right mt-4\">\n                                 <CButton class=\"border-064BB4 font-color-064BB4\" @click=\"closePopup\" >Cancel</CButton>\n                                <CButton class=\"bg-064BB4 text-white ml-2\" @click=\"submitClub\">Create & Save</CButton>\n\n                            </div>\n                        </CCol>\n                    </CRow>\n                </div>\n            </div>\n\n            <div v-if=\"isPopupSuccess\" class=\"popup-all backdrop-all\">\n                <div class=\"popup-all1\">\n                    <!-- Popup content -->\n                    <div class=\"text-center\">\n                        <img style=\"max-width: 100px\" src=\"../assets/img/success.png\" />\n                        <h3 class=\"custom-18px-400 font-color-171717 text-center mt-3\">\n                            Your data save successfully\n                        </h3>\n                        <CButton class=\"custom-bg-border-AEAEB2\" @click=\"closeSuccess\" style=\"width:100px\">\n                            <span class=\"ml-2 mr-2\">OK</span>\n                        </CButton>\n                    </div>\n                </div>\n            </div>\n \n \n \n \n \n </div>\n</template>\n\n\n<script>\nimport Vue from \"vue\";\nimport { Carousel3d, Slide } from \"vue-carousel-3d\";\nimport MarqueeText from \"vue-marquee-text-component\";\n\nVue.component(\"marquee-text\", MarqueeText);\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\n\nVue.use(Carousel3d);\n\nimport backgroundUrl from \"../assets/img/Membership.png\";\nimport backgroundUrl1 from \"../assets/img/BgPeople.png\";\nimport backgroundGenie from \"../assets/img/bggenie.png\";\nimport backgroundUrNoArrow from \"../assets/img/bg.png\";\n\nimport Mainlayout from \"../containers/HeaderLogin.vue\";\nimport Footerlayout from \"../containers/TheFooter.vue\";\nimport ToggleCard from '../components/Toggle.vue';\n\nimport msalInstance from '../containers/msalService';\n\nexport default {\n    name: \"Login\",\n    components: {\n        Carousel3d,\n        Slide,\n        MarqueeText,\n        Mainlayout,\n        Footerlayout,\n        ToggleCard,\n    },\n    data() {\n        return {\n            backgroundUrl,\n            backgroundUrNoArrow,\n\n            backgroundGenie,\n            user: {},\n            isPopupShowTeam: false,\n            team: [],\n            isPopupSuccess: false,\n            selectedTeam: null,\n            chosen:{},\n            Name: \"\",\n            Phone: \"\",\n            Email: \"\",\n            userImage: require('../assets/img/user-profile.png'), \n            selectedFile: null, // Store the selected file\n            filePath: null,\n            isPopupCreateClub:false,\n            Descriptiondata:\"\",\n            Location:\"\",\n            ClubName: \"\",\n            Category: \"\",\n            category: [],\n            selectedCategory: null\n            \n\n           \n\n\n\n        };\n    },\n  \n    created() {\n        AOS.init();\n\n    },\n    watch: {\n        selectedCategory(newValue) {\n            console.log(\"Selected Category:\", newValue);\n        },\n        Descriptiondata(newValue)\n        {\n            console.log(\"Selected Description:\", newValue);\n        },\n       \n        \n    },\n    async mounted() {\n        try {\n            const isAuth = await this.UserAuth();\n            if (isAuth) {\n               \n                await this.GetListSportCategory();\n                await this.GetInfoUser();\n                \n            } else {\n                this.GoToLogin();\n            }\n        } catch (error) {\n            this.GoToLogin();\n            console.error(\"Error during authentication:\", error);\n            // Handle the error here\n        }\n    },\n    methods: {\n        async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, {\n                    withCredentials: true,\n                });\n                if (response.status === 200) {\n                    this.info = response.data;\n                    this.filePath = response.data.filePath;\n                    console.log(\"userInfo\", this.user);\n                    if (response.status == 200 && this.info != null) {\n                        this.Name = this.info.name;\n                        this.Phone = this.info.phone;\n                        this.Email = this.info.email;\n                        this.UserId = this.info.id;\n                        this.Category = this.info.category;\n                        this.filePath = this.info.filePath;\n                        this.ClubName = this.info.clubName;\n                        this.Location = this.info.location;\n                        this.Descriptiondata = this.info.description;\n                        await this.GetListSportCategory();\n                        this.SetupSelectedOption(this.Category);\n                    } else {\n                        console.log(this.info.detail);\n                    }\n\n                } else {\n                    // Handle non-200 status code\n                    console.error(\"Failed to fetch user information:\", response);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user information:\", error);\n                // Handle the error here\n            }\n        },\n        async GetListSportCategory() {\n            this.$API\n                .get(this.$GetListSportCategory)\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.category = response.data;\n                    }\n                });\n        },\n        closePopup()\n        {\n            this.isPopupCreateClub = false;\n        },\n       \n        closeSuccess()\n        {\n            this.isPopupSuccess = false;\n        },\n        UpdateUser()\n        {\n      \n            const formData = new FormData();\n    \n            formData.append(\"Name\", this.Name);\n            formData.append(\"Phone\", this.Phone);\n\n\n        return this.$API\n          .post(this.$UpdateUser, formData, {\n            withCredentials: true,\n          })\n          .then((response) => {\n            if (response.status == 200 && response.data != null) {\n                this.isPopupSuccess = true;\n             \n             \n            }\n          })\n          .catch((error) => {\n            if (error.response) {\n              console.log(error.response.status);\n              this.Error = true;\n              this.Message = error;\n              this.Message = \"Error\";\n            }\n          });\n\n        },\n        triggerFileInput() {\n            this.$refs.fileInput.click();\n        },\n        onFileChange(event) {\n        const file = event.target.files[0];  // Get the first selected file\n        if (file && this.isValidImage(file)) {  // Validate the image type\n            this.selectedFile = file;  // Store the selected file\n            this.filePath = URL.createObjectURL(file);  // Set the filePath to the selected file's object URL\n            \n            // Optionally auto-submit the form to upload the file\n            this.submitProfilePicture();\n            } else {\n                alert('Please select a valid image file (.JPG, .JPEG, or .PNG).');\n            }\n        },\n\n        // Validate if the file is a valid image type\n        isValidImage(file) {\n            const validTypes = ['image/jpeg', 'image/png', 'image/jpg'];\n            return validTypes.includes(file.type);\n        },\n\n        async submitProfilePicture() {\n            if (this.selectedFile) {\n                const formData = new FormData();\n                formData.append('file', this.selectedFile);\n                formData.append('userId', this.UserId);\n\n                try {\n                    const response = await this.$API\n                        .post(this.$UploadProfilePhoto, formData, {\n                            headers: {\n                                'Content-Type': 'multipart/form-data',\n                            },\n                        });\n                    console.log('Image uploaded successfully:', response.data);\n                   // window.location.reload();\n                } catch (error) {\n                    console.error('Error uploading image:', error);\n                }\n            } else {\n                console.log('No file selected');\n            }\n        },\n        DeleteProfile: function(Id) {\n            const formData = new FormData();\n            formData.append(\"userId\", this.UserId);\n\n            return this.$API\n                .post(this.$DeleteProfilePhoto, formData, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200) {\n                        window.location.reload();\n                        this.GetInfoUser();\n                        this.isPopupSuccess = true;\n\n\n                    } \n                })\n                .catch((error) => {\n                    this.Busy = false;\n                    this.Loading = false;\n                    this.Error = true;\n                    this.Message = error.response.data.message;\n                });\n        },\n        GoToLogin() {\n            let path = this.$router.currentRoute.path;\n            if (path.toLowerCase() != \"/loginaccount\") {\n\n                this.$router.push({\n                path: '/LoginAccount',\n                query: {\n                    targetUrl: this.$router.currentRoute.fullPath,\n                }\n                })\n\n            }\n        },\n        submitClub()\n        {\n           \n            const formData = new FormData();\n        \n            formData.append(\"ClubName\", this.ClubName);\n            formData.append(\"Category\", this.selectedCategory.Id);\n            formData.append(\"Description\", this.Descriptiondata);\n            formData.append(\"Location\", this.Location);\n\n\n            return this.$API\n            .post(this.$InsertClub, formData, {\n                withCredentials: true,\n            })\n            .then((response) => {\n                if (response.status == 200 && response.data != null) {\n                    this.GetInfoUser();\n                    this.isPopupSuccess = true;\n                    this.isPopupCreateClub = false;\n                   \n                \n                \n                }\n            })\n            .catch((error) => {\n                if (error.response) {\n                console.log(error.response.status);\n                this.Error = true;\n                this.Message = error;\n                this.Message = \"Error\";\n                }\n            });\n        },\n        async OpenClub()\n        {\n            await this.GetInfoUser();\n            this.$nextTick(() => {\n            this.isPopupCreateClub = true; \n        });\n            \n        },\n        SetupSelectedOption() {\n            if (!this.category.length) {\n                console.warn(\"Category list is empty\");\n                return;\n            }\n\n            const selected = this.category.find(cat => cat.Name === this.Category);\n            if (selected) {\n                this.selectedCategory = selected;\n            } else {\n                console.warn(\"Category not found in list for:\", this.Category);\n            }\n        }\n    }\n\n\n\n};\n</script>\n\n<style scoped>\n@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap');\nbody {\n    top: 0 !important;\n    font-family: 'Poppins', sans-serif;\n}\n.selected-category {\n    border-radius: 16px;\nborder: 1px solid #064BB4;\nbackground: rgba(6, 75, 180, 0.08);\n}\n\n.selected-card {\n    border-radius: 16px;\nborder: 1px solid #064BB4;\nbackground: rgba(6, 75, 180, 0.08);\n    transition: all 0.3s ease; /* Smooth transition */\n}\n</style>","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!./ProfileSetting.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!./ProfileSetting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileSetting.vue?vue&type=template&id=229d3882&scoped=true&\"\nimport script from \"./ProfileSetting.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileSetting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileSetting.vue?vue&type=style&index=0&id=229d3882&scoped=true&lang=css&\"\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  \"229d3882\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}