{"version":3,"sources":["webpack:///./src/midone/views/update-profile/Main.vue","webpack:///./src/midone/views/update-profile/Main.vue?2e10","webpack:///./src/midone/views/update-profile/Main.vue?090c"],"names":["class","href","type","value","placeholder","alt","src","$f","photos","users","name","jobs","tag","content","disabled","select","options","email","setup","render"],"mappings":"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","file":"js/chunk-2d22675a.fc753c17.js","sourcesContent":["<template>\n  <div>\n    <div class=\"intro-y flex items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">Update Profile</h2>\n    </div>\n    <div class=\"grid grid-cols-12 gap-6\">\n      <!-- BEGIN: Profile Menu -->\n      <div\n        class=\"col-span-12 lg:col-span-4 xxl:col-span-3 flex lg:block flex-col-reverse\"\n      >\n        <div class=\"intro-y box mt-5\">\n          <div class=\"relative flex items-center p-5\">\n            <div class=\"w-12 h-12 image-fit\">\n              <img\n                alt=\"Midone Tailwind HTML Admin Template\"\n                class=\"rounded-full\"\n                :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n              />\n            </div>\n            <div class=\"ml-4 mr-auto\">\n              <div class=\"font-medium text-base\">\n                {{ $f()[0].users[0].name }}\n              </div>\n              <div class=\"text-gray-600\">{{ $f()[0].jobs[0] }}</div>\n            </div>\n            <div class=\"dropdown\">\n              <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                <MoreHorizontalIcon\n                  class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                />\n              </a>\n              <div class=\"dropdown-box w-56\">\n                <div class=\"dropdown-box__content box dark:bg-dark-1\">\n                  <div\n                    class=\"p-4 border-b border-gray-200 dark:border-dark-5 font-medium\"\n                  >\n                    Export Options\n                  </div>\n                  <div class=\"p-2\">\n                    <a\n                      href=\"\"\n                      class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                    >\n                      <ActivityIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      English\n                    </a>\n                    <a\n                      href=\"\"\n                      class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                    >\n                      <BoxIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Indonesia\n                      <div\n                        class=\"text-xs text-white px-1 rounded-full bg-theme-6 ml-auto\"\n                      >\n                        10\n                      </div>\n                    </a>\n                    <a\n                      href=\"\"\n                      class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                    >\n                      <LayoutIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      English\n                    </a>\n                    <a\n                      href=\"\"\n                      class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                    >\n                      <SidebarIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Indonesia\n                    </a>\n                  </div>\n                  <div\n                    class=\"px-3 py-3 border-t border-gray-200 dark:border-dark-5 font-medium flex\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"button button--sm bg-theme-1 text-white\"\n                    >\n                      Settings\n                    </button>\n                    <button\n                      type=\"button\"\n                      class=\"button button--sm bg-gray-200 text-gray-600 dark:bg-dark-5 dark:text-gray-300 ml-auto\"\n                    >\n                      View Profile\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"p-5 border-t border-gray-200 dark:border-dark-5\">\n            <a\n              class=\"flex items-center text-theme-1 dark:text-theme-10 font-medium\"\n              href=\"\"\n            >\n              <ActivityIcon class=\"w-4 h-4 mr-2\" /> Personal Information\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <BoxIcon class=\"w-4 h-4 mr-2\" /> Account Settings\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <LockIcon class=\"w-4 h-4 mr-2\" /> Change Password\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <SettingsIcon class=\"w-4 h-4 mr-2\" /> User Settings\n            </a>\n          </div>\n          <div class=\"p-5 border-t border-gray-200 dark:border-dark-5\">\n            <a class=\"flex items-center\" href=\"\">\n              <ActivityIcon class=\"w-4 h-4 mr-2\" /> Email Settings\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <BoxIcon class=\"w-4 h-4 mr-2\" /> Saved Credit Cards\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <LockIcon class=\"w-4 h-4 mr-2\" /> Social Networks\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <SettingsIcon class=\"w-4 h-4 mr-2\" /> Tax Information\n            </a>\n          </div>\n          <div class=\"p-5 border-t flex dark:border-dark-5\">\n            <button\n              type=\"button\"\n              class=\"button button--sm block bg-theme-1 text-white\"\n            >\n              New Group\n            </button>\n            <button\n              type=\"button\"\n              class=\"button button--sm border text-gray-700 dark:border-dark-5 dark:bg-dark-5 dark:text-gray-300 ml-auto\"\n            >\n              New Quick Link\n            </button>\n          </div>\n        </div>\n      </div>\n      <!-- END: Profile Menu -->\n      <div class=\"col-span-12 lg:col-span-8 xxl:col-span-9\">\n        <!-- BEGIN: Display Information -->\n        <div class=\"intro-y box lg:mt-5\">\n          <div\n            class=\"flex items-center p-5 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Display Information</h2>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"grid grid-cols-12 gap-5\">\n              <div class=\"col-span-12 xl:col-span-4\">\n                <div\n                  class=\"border border-gray-200 dark:border-dark-5 rounded-md p-5\"\n                >\n                  <div\n                    class=\"w-40 h-40 relative image-fit cursor-pointer zoom-in mx-auto\"\n                  >\n                    <img\n                      class=\"rounded-md\"\n                      alt=\"Midone Tailwind HTML Admin Template\"\n                      :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                    />\n                    <Tippy\n                      tag=\"div\"\n                      content=\"Remove this profile photo?\"\n                      class=\"w-5 h-5 flex items-center justify-center absolute rounded-full text-white bg-theme-6 right-0 top-0 -mr-2 -mt-2\"\n                    >\n                      <xIcon class=\"w-4 h-4\" />\n                    </Tippy>\n                  </div>\n                  <div class=\"w-40 mx-auto cursor-pointer relative mt-5\">\n                    <button\n                      type=\"button\"\n                      class=\"button w-full bg-theme-1 text-white\"\n                    >\n                      Change Photo\n                    </button>\n                    <input\n                      type=\"file\"\n                      class=\"w-full h-full top-0 left-0 absolute opacity-0\"\n                    />\n                  </div>\n                </div>\n              </div>\n              <div class=\"col-span-12 xl:col-span-8\">\n                <div>\n                  <label>Display Name</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border bg-gray-100 cursor-not-allowed mt-2\"\n                    placeholder=\"Input text\"\n                    :value=\"$f()[0].users[0].name\"\n                    disabled\n                  />\n                </div>\n                <div class=\"mt-3\">\n                  <label>Nearest MRT Station</label>\n                  <div class=\"mt-2\">\n                    <TailSelect\n                      v-model=\"select\"\n                      :options=\"{\n                        search: true,\n                        classNames: 'w-full',\n                      }\"\n                    >\n                      <option value=\"1\">Admiralty</option>\n                      <option value=\"2\">Aljunied</option>\n                      <option value=\"3\">Ang Mo Kio</option>\n                      <option value=\"4\">Bartley</option>\n                      <option value=\"5\">Beauty World</option>\n                    </TailSelect>\n                  </div>\n                </div>\n                <div class=\"mt-3\">\n                  <label>Postal Code</label>\n                  <div class=\"mt-2\">\n                    <TailSelect\n                      v-model=\"select\"\n                      :options=\"{\n                        search: true,\n                        classNames: 'w-full',\n                      }\"\n                    >\n                      <option value=\"1\">\n                        018906 - 1 STRAITS BOULEVARD SINGA...\n                      </option>\n                      <option value=\"2\">\n                        018910 - 5A MARINA GARDENS DRIVE...\n                      </option>\n                      <option value=\"3\">\n                        018915 - 100A CENTRAL BOULEVARD...\n                      </option>\n                      <option value=\"4\">\n                        018925 - 21 PARK STREET MARINA...\n                      </option>\n                      <option value=\"5\">\n                        018926 - 23 PARK STREET MARINA...\n                      </option>\n                    </TailSelect>\n                  </div>\n                </div>\n                <div class=\"mt-3\">\n                  <label>Address</label>\n                  <textarea\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Adress\"\n                  >\n10 Anson Road, International Plaza, #10-11, 079903 Singapore, Singapore</textarea\n                  >\n                </div>\n                <button\n                  type=\"button\"\n                  class=\"button w-20 bg-theme-1 text-white mt-3\"\n                >\n                  Save\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- END: Display Information -->\n        <!-- BEGIN: Personal Information -->\n        <div class=\"intro-y box lg:mt-5\">\n          <div\n            class=\"flex items-center p-5 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Personal Information</h2>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"grid grid-cols-12 gap-5\">\n              <div class=\"col-span-12 xl:col-span-6\">\n                <div>\n                  <label>Email</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border bg-gray-100 cursor-not-allowed mt-2\"\n                    placeholder=\"Input text\"\n                    :value=\"$f()[0].users[0].email\"\n                    disabled\n                  />\n                </div>\n                <div class=\"mt-3\">\n                  <label>Name</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Input text\"\n                    :value=\"$f()[0].users[0].name\"\n                    disabled\n                  />\n                </div>\n                <div class=\"mt-3\">\n                  <label>ID Type</label>\n                  <select class=\"input w-full border mt-2\">\n                    <option>IC</option>\n                    <option>FIN</option>\n                    <option>Passport</option>\n                  </select>\n                </div>\n                <div class=\"mt-3\">\n                  <label>ID Number</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Input text\"\n                    value=\"357821204950001\"\n                  />\n                </div>\n              </div>\n              <div class=\"col-span-12 xl:col-span-6\">\n                <div>\n                  <label>Phone Number</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Input text\"\n                    value=\"65570828\"\n                  />\n                </div>\n                <div class=\"mt-3\">\n                  <label>Address</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Input text\"\n                    value=\"10 Anson Road, International Plaza, #10-11, 079903 Singapore, Singapore\"\n                  />\n                </div>\n                <div class=\"mt-3\">\n                  <label>Bank Name</label>\n                  <div class=\"mt-2\">\n                    <TailSelect\n                      v-model=\"select\"\n                      :options=\"{\n                        search: true,\n                        classNames: 'w-full',\n                      }\"\n                    >\n                      <option value=\"1\">SBI - STATE BANK OF INDIA</option>\n                      <option value=\"1\">CITI BANK - CITI BANK</option>\n                    </TailSelect>\n                  </div>\n                </div>\n                <div class=\"mt-3\">\n                  <label>Bank Account</label>\n                  <input\n                    type=\"text\"\n                    class=\"input w-full border mt-2\"\n                    placeholder=\"Input text\"\n                    value=\"DBS Current 011-903573-0\"\n                  />\n                </div>\n              </div>\n            </div>\n            <div class=\"flex justify-end mt-4\">\n              <a href=\"\" class=\"text-theme-6 flex items-center\">\n                <Trash2Icon class=\"w-4 h-4 mr-1\" /> Delete Account\n              </a>\n              <button\n                type=\"button\"\n                class=\"button w-20 bg-theme-1 text-white ml-auto\"\n              >\n                Save\n              </button>\n            </div>\n          </div>\n        </div>\n        <!-- END: Personal Information -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  setup () {\n    const select = ref('1')\n\n    return {\n      select\n    }\n  }\n})\n</script>\n","\nimport { defineComponent, ref } from 'vue'\n\nexport default defineComponent({\n  setup () {\n    const select = ref('1')\n\n    return {\n      select\n    }\n  }\n})\n","import { render } from \"./Main.vue?vue&type=template&id=56df3354\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}