{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-DetailComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-DetailComp.vue?1727"],"names":["store","userId","t","te","translate","text","confirm","customer","customerProfilEdit","updatedCustomerLogo","imgPath","imgX","selectImage","event","target","files","dataTransfer","length","value","URL","createObjectURL","saveImage","async","formData","FormData","append","Id","response","dispatch","removeImage","LogoPictureUrl","require","currentTarget","message","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","then","reject","closeModal","__exports__"],"mappings":"4nEA4PA,MAAMA,EAAQ,iBACRC,EAAS,iBAAI,KACb,EAAEC,EAAC,GAAEC,GAAO,iBACZC,GAAaC,GACbF,EAAGE,GACEH,EAAEG,GAEFA,EAGLC,GAAU,iBAEVC,GAAW,oBAAO,YAClBC,GAAqB,oBAAO,sBAC5BC,GAAsB,oBAAO,uBAE7BC,GAAU,iBAAI,MAEpB,IAAIC,GAAO,KACX,MAAMC,GAAeC,IACnBF,GAAO,KACPA,GAAOE,EAAMC,OAAOC,OAASF,EAAMG,aAAaD,MAC3CJ,GAAKM,SACVP,GAAQQ,MAAQC,IAAIC,gBAAgBT,GAAK,MAGrCU,GAAYC,UAChB,IAAIC,EAAW,IAAIC,SACnBD,EAASE,OAAO,aAAclB,GAASmB,IACvCH,EAASE,OAAO,cAAed,GAAK,IACpC,IAAIgB,QAAiB3B,EAAM4B,SACzB,mCACAL,GAEEI,GACFlB,GAAoBF,GAASmB,KAI3BG,GAAehB,IAEjBN,GAASuB,iBAAmBpB,GAAQQ,OACR,OAA5BX,GAASuB,eAETxB,GAAQyB,QAAQ,CACdjB,OAAQD,EAAMmB,cACdC,QAAS7B,GAAU,4CACnB8B,KAAM,6BACNC,YAAa/B,GAAU,yCACvBgC,YAAahC,GAAU,yCACvBiC,YAAa,yBACbC,YAAa,uBACbC,OAAQ,KACNvC,EACG4B,SAAS,sCAAuCrB,GAASmB,IACzDc,KAAMb,IACDA,GACFlB,GAAoBF,GAASmB,OAIrCe,OAAQ,SAKV/B,GAAQQ,MAAQX,GAASuB,gBAIvBY,GAAa,KACjBzC,EAAOiB,MAAQ,G,OAEjB,mBAAMX,GAAU,KACkB,OAA5BA,GAASuB,eACXpB,GAAQQ,MAAQX,GAASuB,eAEzBpB,GAAQQ,MAAQ,O,4+JCtUpB,MAAMyB,GAAc,GAEL","file":"js/chunk-2d207bb2.e8937a63.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"card mb-5 mb-xl-10\"\r\n    id=\"profile_details_view\"\r\n  >\r\n    <!--begin::Card header-->\r\n    <div class=\"card-header cursor-pointer\">\r\n      <!--begin::Card title-->\r\n      <div class=\"card-title m-0\">\r\n        <h3 class=\"fw-bolder m-0 fs-4 text-gray-800\">\r\n          {{ translate(\"Details\") }}\r\n        </h3>\r\n      </div>\r\n      <!--end::Card title-->\r\n\r\n      <!--begin::Action-->\r\n      <add-user\r\n        userId=\"userId\"\r\n        :customer=\"customer\"\r\n        @closeModal=\"closeModal\"\r\n      />\r\n      <!--end::Action-->\r\n    </div>\r\n    <!--begin::Card header-->\r\n\r\n    <!--begin::Card body-->\r\n    <div class=\"card-body p-9\">\r\n      <div class=\"row mb-7\">\r\n        <div class=\"col-lg-4\">\r\n          <span class=\"col-lg-4 fw-bold text-muted\">{{\r\n            translate(\"logo\")\r\n          }}</span>\r\n        </div>\r\n        <div class=\"col-lg-8\">\r\n          <div\r\n            class=\"image-input image-input-outline\"\r\n            data-kt-image-input=\"true\"\r\n            style=\"background-image: url(media/avatars/customer.jpg)\"\r\n          >\r\n            <!--begin::Preview existing avatar-->\r\n            <div\r\n              class=\"image-input-wrapper w-125px h-125px\"\r\n              :style=\"\r\n                imgPath === null\r\n                  ? 'background-image: url(media/avatars/customer.jpg)'\r\n                  : `background-image: url(${imgPath})`\r\n              \"\r\n              style=\"background-size: 100% 100%\"\r\n            ></div>\r\n            <!--end::Preview existing avatar-->\r\n\r\n            <!--begin::Label-->\r\n            <label\r\n              class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow\"\r\n              data-kt-image-input-action=\"change\"\r\n              data-bs-toggle=\"tooltip\"\r\n              :title=\"t('user_detail_edit_change_avatar')\"\r\n            >\r\n              <i class=\"bi bi-pencil-fill fs-7\"></i>\r\n\r\n              <!--begin::Inputs-->\r\n              <input\r\n                type=\"file\"\r\n                name=\"avatar\"\r\n                accept=\".jpg, .jpeg, .png\"\r\n                @change=\"selectImage($event)\"\r\n              />\r\n              <input\r\n                type=\"hidden\"\r\n                name=\"avatar_remove\"\r\n              />\r\n              <!--end::Inputs-->\r\n            </label>\r\n            <!--end::Label-->\r\n\r\n            <!--begin::Remove-->\r\n            <span\r\n              class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow\"\r\n              data-kt-image-input-action=\"remove\"\r\n              data-bs-toggle=\"tooltip\"\r\n              @click=\"removeImage($event)\"\r\n              :title=\"t('user_detail_edit_remove_avatar')\"\r\n            >\r\n              <i class=\"bi bi-x fs-2\"></i>\r\n            </span>\r\n            <!--end::Remove-->\r\n\r\n            <span\r\n              v-show=\"customer.LogoPictureUrl !== imgPath\"\r\n              class=\"btn bg-success btn-icon btn-circle btn-color-white w-35px h-35px bg-white shadow\"\r\n              style=\"top: -10px; left: -10px\"\r\n              data-kt-image-input-action=\"remove\"\r\n              data-bs-toggle=\"tooltip\"\r\n              @click=\"saveImage()\"\r\n              :title=\"t('user_detail_edit_save_avatar')\"\r\n            >\r\n              <i\r\n                class=\"bi bi-check\"\r\n                style=\"font-size: x-large\"\r\n              ></i>\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{\r\n          translate(\"customer_detail_label_name\")\r\n        }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <span class=\"fw-bold fw-bolder fs-6 text-dark\">{{\r\n            customer.Name\r\n          }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{\r\n          translate(\"customer_detail_label_personel\")\r\n        }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <span class=\"fw-bold fs-6 text-gray-800\"\r\n            >{{ customer.Firstname }} {{ customer.Lastname }}</span\r\n          >\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n      <!--end::Input group-->\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">\r\n          {{ translate(\"customer_detail_label_contact_phone\") }}\r\n          <i\r\n            class=\"fas fa-exclamation-circle ms-1 fs-7\"\r\n            title=\"Phone number must be active\"\r\n          ></i>\r\n        </label>\r\n\r\n        <div class=\"col-lg-8 d-flex align-items-center text-gray-800\">\r\n          <span class=\"fw-bold fs-6 me-2\">{{ customer.PhoneNumber }}</span>\r\n        </div>\r\n      </div>\r\n      <!--end::Input group-->\r\n\r\n      <!--begin::Input group-->\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{\r\n          translate(\"customer_detail_label_email\")\r\n        }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <a\r\n            :href=\"`mailto:${customer.Email}`\"\r\n            class=\"fw-bold fs-6 text-gray-800 text-hover-primary\"\r\n            >{{ customer.Email }}</a\r\n          >\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n      <!--end::Input group-->\r\n\r\n      <!--begin::Input group-->\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">\r\n          {{ translate(\"customer_detail_label_country\") }}\r\n        </label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <span class=\"fw-bolder fs-6 text-dark\">{{\r\n            customer.CountryName\r\n          }}</span>\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n      <!--end::Input group-->\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{\r\n          translate(\"customer_detail_label_adress\")\r\n        }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <div class=\"row\">\r\n            <span class=\"fw-bold fs-6 text-gray-800\">{{\r\n              customer.Address\r\n            }}</span>\r\n          </div>\r\n          <div class=\"row justify-content-end\">\r\n            <span class=\"fw-bold fs-6 text-gray-800\"\r\n              >{{ customer.CityName }} / {{ customer.DistrictName }}</span\r\n            >\r\n          </div>\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n      <!--begin::Input group-->\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{\r\n          translate(\"customer_detail_label_company_detail\")\r\n        }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <span class=\"fw-bold fs-6 text-gray-900\">{{\r\n            customer.Description\r\n          }}</span>\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n      <!--begin::Input group-->\r\n    </div>\r\n    <div class=\"d-flex justify-content-end p-5 pe-8\">\r\n      <!--end::Card body-->\r\n      <button\r\n        type=\"button\"\r\n        data-bs-toggle=\"modal\"\r\n        data-bs-target=\"#add-customer-modal\"\r\n        class=\"btn btn-primary align-self-center btn-sm\"\r\n        @click=\"customerProfilEdit\"\r\n      >\r\n        {{ translate(\"customer_detail_button_edit\") }}\r\n      </button>\r\n    </div>\r\n    <ConfirmPopup></ConfirmPopup>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { inject, ref, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport AddUser from \"@/components/Admin/Users/AddUser.vue\";\r\n\r\nconst store = useStore();\r\nconst userId = ref(\"\");\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\nconst confirm = useConfirm();\r\n\r\nconst customer = inject(\"customer\");\r\nconst customerProfilEdit = inject(\"customerProfilEdit\");\r\nconst updatedCustomerLogo = inject(\"updatedCustomerLogo\");\r\n\r\nconst imgPath = ref(null);\r\n\r\nlet imgX = null;\r\nconst selectImage = (event) => {\r\n  imgX = null;\r\n  imgX = event.target.files || event.dataTransfer.files;\r\n  if (!imgX.length) return;\r\n  imgPath.value = URL.createObjectURL(imgX[0]);\r\n};\r\n\r\nconst saveImage = async () => {\r\n  let formData = new FormData();\r\n  formData.append(\"CustomerId\", customer.Id);\r\n  formData.append(\"PictureFile\", imgX[0]);\r\n  let response = await store.dispatch(\r\n    \"CustomerModule/SET_CUSTOMER_LOGO\",\r\n    formData\r\n  );\r\n  if (response) {\r\n    updatedCustomerLogo(customer.Id);\r\n  }\r\n};\r\n\r\nconst removeImage = (event) => {\r\n  if (\r\n    customer.LogoPictureUrl === imgPath.value &&\r\n    customer.LogoPictureUrl !== null\r\n  ) {\r\n    confirm.require({\r\n      target: event.currentTarget,\r\n      message: translate(\"user_detail_confirm_delete_profile_image\"),\r\n      icon: \"pi pi-exclamation-triangle\",\r\n      acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n      rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n      acceptClass: \"btn btn-sm btn-primary\",\r\n      rejectClass: \"btn btn-sm btn-light\",\r\n      accept: () => {\r\n        store\r\n          .dispatch(\"CustomerModule/DELETE_CUSTOMER_LOGO\", customer.Id)\r\n          .then((response) => {\r\n            if (response) {\r\n              updatedCustomerLogo(customer.Id);\r\n            }\r\n          });\r\n      },\r\n      reject: () => {\r\n        return;\r\n      },\r\n    });\r\n  } else {\r\n    imgPath.value = customer.LogoPictureUrl;\r\n  }\r\n};\r\n\r\nconst closeModal = () => {\r\n  userId.value = 0;\r\n};\r\nwatch(customer, () => {\r\n  if (customer.LogoPictureUrl !== null) {\r\n    imgPath.value = customer.LogoPictureUrl;\r\n  } else {\r\n    imgPath.value = null;\r\n  }\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./C-DetailComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-DetailComp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}