@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs

@@ -0,0 +1,474 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
+const FormAddCustomer = require("../sections/FormAddCustomer.vue.cjs");
+const FormDelivery = require("../sections/FormDelivery.vue.cjs");
+const FormPayment = require("../sections/FormPayment.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const orders = require("../../store/orders.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const products = require("../../../products/store/products.cjs");
+const variants_store = require("../../../products/store/variants.store.cjs");
+const customers_store = require("../../store/customers.store.cjs");
+;/* empty css                             */
+const _hoisted_1 = { class: "h-100 flex flex-column pd-thin" };
+const _hoisted_2 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_3 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
+const _hoisted_4 = { class: "gap-thin flex flex-column" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 0,
+  class: "aspect-1x1 h-3r radius-small o-hidden"
+};
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "t-medium" };
+const _hoisted_9 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_10 = { class: "mn-l-auto" };
+const _hoisted_11 = {
+  key: 0,
+  class: "w-100"
+};
+const _hoisted_12 = { class: "h3 flex" };
+const _sfc_main = {
+  __name: "OrderCreateBackoffice",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const { proxy } = vue.getCurrentInstance();
+    const { formatPrice } = mixins.useGlobalMixins();
+    orders.mutations.resetOrder(orders.state.current);
+    let cartTotalPrice = vue.computed(() => {
+      return Number(orders.state.current.positions.reduce((total, product) => {
+        var _a, _b;
+        if (product.listing === "rent" && ((_a = product.date) == null ? void 0 : _a.start) && ((_b = product.date) == null ? void 0 : _b.end)) {
+          const start = new Date(product.date.start);
+          const end = new Date(product.date.end);
+          const days = Math.ceil(Math.abs(end - start) / (1e3 * 60 * 60 * 24)) + 1;
+          return total + product.price * product.quantity * days;
+        } else {
+          return total + product.price * product.quantity;
+        }
+      }, 0));
+    });
+    const tabOrderCreate = vue.ref("positions");
+    const isOpenProductsPopup = vue.ref(false);
+    const isVariantsPopupOpen = vue.ref(false);
+    const selectedProduct = vue.ref(null);
+    function openProductsPopup() {
+      isOpenProductsPopup.value = true;
+    }
+    function closeProductsPopup() {
+      isOpenProductsPopup.value = false;
+    }
+    function closeVariantsPopup() {
+      isVariantsPopupOpen.value = false;
+      selectedProduct.value = null;
+    }
+    function selectProduct(product) {
+      selectedProduct.value = product;
+      closeProductsPopup();
+      if (product.variants && product.variants.length === 1) {
+        addVariantToOrder(product.variants[0]);
+        return;
+      }
+      isVariantsPopupOpen.value = true;
+    }
+    function formatProductName(product, variant) {
+      var _a, _b, _c;
+      if (!variant || ((_a = product.variants) == null ? void 0 : _a.length) === 1 && !((_b = variant.attributes) == null ? void 0 : _b.length))
+        return product.name;
+      const attrs = (_c = variant.attributes) == null ? void 0 : _c.map((a) => a.value).filter(Boolean);
+      return (attrs == null ? void 0 : attrs.length) ? `${product.name} / ${attrs.join(" / ")}` : `${product.name} / ${variant.name}`;
+    }
+    async function addVariantToOrder(variant) {
+      var _a;
+      try {
+        let selectedDates = null;
+        if (selectedProduct.value.listing === "rent") {
+          selectedDates = await proxy.$dateSelector(
+            selectedProduct.value._id,
+            variant._id,
+            1,
+            variant.price || selectedProduct.value.price
+          );
+          if (!selectedDates) {
+            return;
+          }
+        }
+        const position = {
+          _id: selectedProduct.value._id,
+          images: ((_a = variant.images) == null ? void 0 : _a.length) > 0 ? variant.images : selectedProduct.value.images,
+          name: formatProductName(selectedProduct.value, variant),
+          listing: selectedProduct.value.listing,
+          price: variant.price || selectedProduct.value.price,
+          quantity: 1,
+          unit: variant.unit || selectedProduct.value.unit,
+          date: selectedDates,
+          variant: variant._id,
+          org_id: route.params._id
+        };
+        globals.actions.add(orders.state.current.positions, position);
+        closeVariantsPopup();
+      } catch (error) {
+        console.error("Error adding variant to order:", error);
+      }
+    }
+    const isOpenCustomerPopup = vue.ref(false);
+    function openCustomerPopup() {
+      isOpenCustomerPopup.value = true;
+    }
+    function closeCustomerPopup() {
+      isOpenCustomerPopup.value = false;
+    }
+    function incrementOrderItemQuantity(productId, variantId) {
+      const orderItem = orders.state.current.positions.find(
+        (item) => item._id === productId && item.variant === variantId
+      );
+      if (orderItem) {
+        orderItem.quantity++;
+      }
+    }
+    function decrementOrderItemQuantity(productId, variantId) {
+      const orderItem = orders.state.current.positions.find(
+        (item) => item._id === productId && item.variant === variantId
+      );
+      if (orderItem) {
+        orderItem.quantity--;
+        if (orderItem.quantity < 1) {
+          removeOrderItem(productId, variantId);
+        }
+      }
+    }
+    function removeOrderItem(productId, variantId) {
+      const itemIndex = orders.state.current.positions.findIndex(
+        (item) => item._id === productId && item.variant === variantId
+      );
+      if (itemIndex > -1) {
+        orders.state.current.positions.splice(itemIndex, 1);
+      }
+    }
+    function updateOrderRentDates(productId, variantId, dates) {
+      const orderItem = orders.state.current.positions.find(
+        (item) => item._id === productId && item.variant === variantId
+      );
+      if (orderItem) {
+        orderItem.date = dates;
+      }
+    }
+    let order = vue.ref(null);
+    async function onSubmit() {
+      orders.state.current.creator = {
+        type: "User",
+        target: auth.state.user._id
+      };
+      orders.state.current.owner = {
+        type: "Organization",
+        target: route.params._id
+      };
+      orders.state.current.customer = {
+        type: "Customer",
+        target: orders.state.current.customer._id || null
+      };
+      order.value = await orders.actions.create(orders.state.current);
+    }
+    function redirectTo() {
+      router.push({
+        name: route.meta.context === "backoffice" ? "BackofficeOrderEdit" : "OrganizationOrderEdit",
+        params: {
+          order: order.value._id,
+          _id: route.params._id
+        }
+      });
+    }
+    const orderOrganization = vue.ref({});
+    vue.onMounted(async () => {
+      orderOrganization.value = await organizations.actions.read({
+        _id: route.params._id,
+        lookup: ["spots"]
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(Block.default, { class: "mn-b-thin" }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("header", _hoisted_2, [
+              _cache[4] || (_cache[4] = vue.createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1)),
+              vue.createVNode(Button.default, {
+                submit: onSubmit,
+                callback: redirectTo,
+                class: "pd-small radius-big bg-main t-black uppercase t-medium"
+              }, {
+                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                  vue.createTextVNode(" Add Order ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Tab.default, {
+          selected: tabOrderCreate.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabOrderCreate.value = $event),
+          tabs: [
+            { name: "Positions", value: "positions" },
+            { name: "Customer", value: "customer" },
+            { name: "Delivery", value: "delivery" },
+            { name: "Payment", value: "payment" }
+          ],
+          class: "t-medium radius-medium bg-light mn-b-small"
+        }, null, 8, ["selected"]),
+        vue.createVNode(Popup.default, {
+          onClosePopup: closeProductsPopup,
+          isPopupOpen: isOpenProductsPopup.value,
+          class: "bg-white flex flex-column radius-big pd-medium pos-relative"
+        }, {
+          default: vue.withCtx(() => [
+            _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1)),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(Feed.default, {
+                showLoadMore: false,
+                search: {
+                  placeholder: "Search products...",
+                  class: "bg-white mn-b-thin"
+                },
+                states: {
+                  empty: {
+                    title: "No Products Found",
+                    description: "Currently, there are no such products available."
+                  },
+                  skeleton: {
+                    hide: true
+                  }
+                },
+                store: {
+                  read: (options) => products.actions.read(options),
+                  state: null
+                },
+                options: {
+                  owner: vue.unref(route).params._id
+                },
+                class: ""
+              }, {
+                default: vue.withCtx(({
+                  items
+                }) => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (product, index) => {
+                    return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                      key: `${product._id}_${index}`,
+                      editable: false,
+                      productId: product._id,
+                      images: product.images,
+                      name: product.name,
+                      onClick: () => selectProduct(product),
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                    }, null, 8, ["productId", "images", "name", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Popup.default, {
+          title: "Select variant",
+          onClosePopup: closeVariantsPopup,
+          isPopupOpen: isVariantsPopupOpen.value,
+          class: "bg-white w-100 w-max-30r radius-medium pd-medium"
+        }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              vue.createVNode(Feed.default, {
+                store: vue.unref(variants_store.default),
+                options: {
+                  product: (_a = selectedProduct.value) == null ? void 0 : _a._id
+                },
+                skeleton: {
+                  structure: [
+                    { block: "text", size: "small" },
+                    { block: "text", size: "medium" },
+                    { block: "text", size: "small" }
+                  ]
+                },
+                states: {
+                  empty: {
+                    title: "No variants",
+                    description: "Create your first variant"
+                  }
+                }
+              }, {
+                default: vue.withCtx(({ items }) => [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (variant, index) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: index,
+                        onClick: ($event) => addVariantToOrder(variant),
+                        class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                      }, [
+                        variant.images && variant.images.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                          vue.createElementVNode("img", {
+                            src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
+                            class: "w-100 h-100 object-fit-cover"
+                          }, null, 8, _hoisted_7)
+                        ])) : vue.createCommentVNode("", true),
+                        vue.createElementVNode("div", null, [
+                          vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(variant.name || "Default variant"), 1),
+                          variant.attributes && variant.attributes.length ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9, vue.toDisplayString(variant.attributes.map((attr) => `${attr.name}: ${attr.value}`).join(", ")), 1)) : vue.createCommentVNode("", true)
+                        ]),
+                        vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(vue.unref(formatPrice)(variant.price || variant.cost)), 1)
+                      ], 8, _hoisted_5);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ];
+          }),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        tabOrderCreate.value === "positions" ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 0,
+          title: "Positions",
+          actions: [{
+            label: "+",
+            function: () => openProductsPopup()
+          }],
+          class: "mn-b-small"
+        }, {
+          default: vue.withCtx(() => [
+            orders.state.current.positions.length === 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, " No positions added yet ")) : vue.createCommentVNode("", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(orders.state.current.positions, (product, index) => {
+              return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
+                key: `${product._id}_${product.variant || "no-variant"}_${index}`,
+                editable: true,
+                productId: product._id,
+                variantId: product.variant,
+                images: product.images,
+                name: product.name,
+                quantity: product.quantity,
+                unit: product.unit,
+                dates: product.date,
+                listing: product.listing,
+                price: product.price,
+                increase: () => incrementOrderItemQuantity(product._id, product.variant),
+                decrease: () => decrementOrderItemQuantity(product._id, product.variant),
+                remove: () => removeOrderItem(product._id, product.variant),
+                onUpdateRentDates: _cache[1] || (_cache[1] = (productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)),
+                class: "mn-b-thin pd-thin radius-medium bg-white"
+              }, null, 8, ["productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price", "increase", "decrease", "remove"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : vue.createCommentVNode("", true),
+        tabOrderCreate.value === "customer" ? (vue.openBlock(), vue.createBlock(Block.default, {
+          key: 1,
+          title: "Customer",
+          class: "mn-b-semi",
+          actions: [{
+            label: "+",
+            function: () => openCustomerPopup()
+          }]
+        }, {
+          default: vue.withCtx(() => [
+            orders.state.current.customer._id ? (vue.openBlock(), vue.createBlock(CardUser.default, {
+              key: 0,
+              user: orders.state.current.customer,
+              photo: orders.state.current.customer.profile.photo,
+              name: orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email,
+              onClick: _cache[2] || (_cache[2] = () => {
+                orders.mutations.resetCustomer(orders.state.current.customer);
+              }),
+              class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+            }, null, 8, ["user", "photo", "name"])) : (vue.openBlock(), vue.createBlock(Feed.default, {
+              key: 1,
+              search: {
+                placeholder: "Search customer...",
+                class: "bg-white mn-b-thin"
+              },
+              states: {
+                empty: {
+                  title: "No Products Found",
+                  description: "Currently, there are no such products available."
+                }
+              },
+              store: {
+                read: (options) => vue.unref(customers_store.default).read(options),
+                state: null
+              },
+              options: {
+                owner: vue.unref(route).params._id
+              },
+              class: "bg-light h-max-20r o-scroll"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (user, index) => {
+                  return vue.openBlock(), vue.createBlock(CardUser.default, {
+                    key: user._id,
+                    user,
+                    photo: user.profile.photo,
+                    name: user.profile.name || user.phone || user.email,
+                    onClick: () => {
+                      orders.state.current.customer = user;
+                    },
+                    class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["user", "photo", "name", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"]))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : vue.createCommentVNode("", true),
+        tabOrderCreate.value === "delivery" ? (vue.openBlock(), vue.createBlock(FormDelivery.default, {
+          key: 2,
+          order: orders.state.current,
+          organization: orderOrganization.value[0]
+        }, null, 8, ["order", "organization"])) : vue.createCommentVNode("", true),
+        tabOrderCreate.value === "payment" ? (vue.openBlock(), vue.createBlock(FormPayment.default, {
+          key: 3,
+          order: orders.state.current,
+          organization: orderOrganization.value[0]
+        }, null, 8, ["order", "organization"])) : vue.createCommentVNode("", true),
+        vue.createVNode(Popup.default, {
+          title: "Add customer",
+          onClosePopup: closeCustomerPopup,
+          isPopupOpen: isOpenCustomerPopup.value,
+          class: vue.normalizeClass("bg-white w-min-30r w-max-30r radius-big pd-medium")
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(FormAddCustomer.default, { onCallbackCustomer: closeCustomerPopup })
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Block.default, { class: "mn-b-semi" }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_12, [
+              _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1)),
+              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(cartTotalPrice)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=OrderCreateBackoffice.vue.cjs.map

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderCreateBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n  \n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n      \n      globals.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","orders.mutations","orders.state","computed","ref","globals.actions","auth.state","orders.actions","onMounted","organizations.actions"],"mappings":"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"}