{"version":3,"sources":["webpack:///./src/pages/checkout/payment.vue","webpack:///./src/pages/checkout/payment.vue?8b0b","webpack:///./src/pages/checkout/cart/infoBox.vue","webpack:///./src/pages/checkout/cart/infoBox.vue?f92d","webpack:///./src/pages/checkout/payment/summary.vue","webpack:///./src/pages/checkout/payment/summary.vue?3eda"],"names":["class","_createElementVNode","for","href","target","_createElementBlock","_hoisted_3","_createVNode","_component_Summary","type","name","id","$setup","$event","_hoisted_5","_component_router_link","to","onClick","_component_InfoBox","components","InfoBox","Summary","setup","useMeta","title","store","useStore","router","useRouter","onMounted","nextStep","rules","ref","status","paymentType","computed","getters","errors","address","key","push","length","onClickOrder","value","order","dispatch","then","label","__exports__","render","_hoisted_2","items","price","additionalOptions","productPrice","discounted","total","amount","delivery","forEach","i","selected","calcTaxPrice","tax"],"mappings":"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","file":"js/chunk-9df6e97e.7df29924.js","sourcesContent":["<template>\n  <main class=\"content container\">\n        <!--pay-->\n        <article class=\"pay\">\n            <h1 class=\"page-title text-center\">Bestellübersicht</h1>\n          <Summary />\n            <div class=\"form-check mb-4\">\n                <input class=\"form-check-input\" type=\"checkbox\" name=\"rules\" id=\"rules\" v-model=\"rules\">\n                <label class=\"form-check-label\" for=\"rules\">\n                    Ich habe die allgemeine Geschäftsbedingungen, die Erklärung zum Datenschutz sowie die Liefer- und Zahlungsbedinungen gelesen\n                    <a href=\"ttps://www.loewe-zaun.de/agb/\" target=\"_blank\" class=\"link\">[Unsere AGB`s]</a>\n                </label>\n            </div>\n\n            <div class=\"row align-items-center\">\n                <div class=\"w-auto mb-2\">\n                    <router-link :to=\"{ name: 'checkout.customer' }\" class=\"btn btn-outline-primary min-width-170\">Zurück</router-link>\n                </div>\n                <div class=\"w-auto mb-2\">\n                  <button v-if=\"!status\" @click=\"onClickOrder\" type=\"button\" :class=\"[!rules ? 'disabled': '']\" class=\"btn btn-primary min-width-170\">Kostenpflichtig Bestellen</button>\n                </div>\n                <div class=\"w-auto mb-2\">\n                  <router-link :to=\"{ name: 'cart' }\" class=\"link small-size-14\">Bestellübersicht</router-link>\n                </div>\n            </div>\n        </article>\n        <InfoBox />\n    </main>\n</template>\n<script>\nimport { computed, ref } from '@vue/reactivity'\nimport { useMeta } from 'vue-meta'\nimport InfoBox from './cart/infoBox'\nimport { onMounted } from '@vue/runtime-core'\nimport { useStore } from 'vuex'\nimport { useRouter } from 'vue-router'\nimport Summary from '@/pages/checkout/payment/summary'\nexport default {\n  components: {\n    InfoBox,\n    Summary\n  },\n  setup () {\n    useMeta({\n      title: 'Bestellübersicht'\n    })\n    const store = useStore()\n    const router = useRouter()\n    // mounted\n    onMounted(() => {\n      // check fields if != ok redirect back\n      nextStep()\n    })\n    const rules = ref(false)\n    const status = ref(false)\n    // computed\n    const paymentType = computed(() => {\n      return store.getters['checkout/paymentType']\n    })\n    // actions\n    function nextStep () {\n      // checking fields\n      const errors = []\n      const address = store.getters['checkout/customerAddress']\n      for (const key in address) {\n        if (key !== 'company') {\n          if (address[key] === '') {\n            errors.push(key)\n          }\n        }\n      }\n      if (errors.length > 0) {\n        router.push({ name: 'checkout.customer' })\n      }\n    }\n    function onClickOrder () {\n      status.value = true\n      if (rules.value) {\n        const order = store.dispatch('checkout/order')\n        order.then(() => {\n          switch (paymentType.value.label) {\n            case 'Paypal':\n              // router to paypal checkout\n              router.push({ name: 'checkout.total' })\n              break\n            case 'Mollie':\n              // router to Mollie checkout\n              router.push({ name: 'checkout.total' })\n              break\n            default:\n              router.push({ name: 'checkout.success' })\n          }\n        })\n      }\n    }\n    return {\n      rules,\n      status,\n      onClickOrder\n    }\n  }\n}\n</script>\n","import { render } from \"./payment.vue?vue&type=template&id=18f0215e\"\nimport script from \"./payment.vue?vue&type=script&lang=js\"\nexport * from \"./payment.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/konfigurator.loewe-zaun.de/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"info-box info-box--bottom-content\">\n            <div class=\"row\">\n                <div class=\"col-lg-4 col-md-6\">\n                    <div class=\"info-box__item\">\n                        <i class=\"fas fa-question-circle\"></i>\n                        <div class=\"info-box__item-right\">\n                            <h3 class=\"title-secondary bold-weight mb-2\">Kundenservice</h3>\n                            Sie haben Fragen rund um unsere Produkte oder den Bestellprozess?\n                            Melden Sie sich am besten per Telefon unter folgender\n                            <br>Nummer: <a href=\"tel:+493031007700\">+493031007700</a>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-lg-4 col-md-6\">\n                    <div class=\"info-box__item\">\n                        <i class=\"fas fa-credit-card\"></i>\n                        <div class=\"info-box__item-right\">\n                            <h3 class=\"title-secondary bold-weight mb-2\">Zahlungsmittel</h3>\n                            Wir akzeptieren folgende Zahlungsarten: <br><a href=\"ttps://www.loewe-zaun.de/liefer-zahlungsbedingungen\" target=\"_blank\">Überweisung, PayPal oder Barzahlung unseren Filialen</a>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-lg-4 col-md-6\">\n                    <div class=\"info-box__item\">\n                        <i class=\"fas fa-truck\"></i>\n                        <div class=\"info-box__item-right\">\n                            <h3 class=\"title-secondary bold-weight mb-2\">Liefer- und Montageservice</h3>\n                            Wir arbeiten mit eigener Spedition und geschultem Montagepersonal. Ihre\n                            <a href=\"https://www.loewe-zaun.de/montage\" target=\"_blank\">Zaunanlage montieren wir professionell und fachgerecht.</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n  </section>\n</template>\n<script>\nexport default {\n  setup () {}\n}\n</script>\n","import { render } from \"./infoBox.vue?vue&type=template&id=366347d2\"\nimport script from \"./infoBox.vue?vue&type=script&lang=js\"\nexport * from \"./infoBox.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/konfigurator.loewe-zaun.de/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script setup>\nimport { useStore } from 'vuex'\nimport { computed } from '@vue/reactivity'\n\nconst store = useStore()\n\nconst items = computed(() => {\n  return store.getters['checkout/items']\n})\nconst price = computed(() => {\n  return store.getters['checkout/price']\n})\nconst additionalOptions = computed(() => store.getters['checkout/additionalOptions'])\n\nconst productPrice = computed(() => {\n  if (price.value) {\n    return price.value.discounted > 0 ? price.value.discounted : price.value.total\n  }\n})\nconst total = computed(() => {\n  let amount = 0\n  if (price.value) {\n    amount += productPrice.value\n    amount += price.value.delivery\n  }\n  additionalOptions.value.forEach(i => {\n    if (i.selected) {\n      amount += i.price\n    }\n  })\n  return amount\n})\nfunction calcTaxPrice (amount) {\n  const tax = 19\n  return amount / (tax + 100) * (100 - tax)\n}\n</script>\n\n<template>\n  <h4 class=\"text-center\">Bitte überprüfen Sie Ihre Angaben sorgfältig, bevor Sie die Bestellung aufgeben.</h4>\n<table class=\"table table-sm table-borderless\">\n  <thead v-if=\"items\" class=\"table-secondary\">\n  <tr>\n    <th>Produkt</th>\n    <th>Preis</th>\n    <th>Menge</th>\n    <th>Gesamtpreis</th>\n  </tr>\n  </thead>\n  <tbody>\n  <template v-for=\"(item, index) in items\" :key=\"index\">\n    <tr>\n      <td class=\"fw-bold\">{{ item.name }}</td>\n      <td></td>\n      <td>1</td>\n      <td class=\"text-end\">\n        <template v-if=\"item.price.discounted > 0\">\n          {{ $filters.currency(item.price.discounted) }} (inkl MwSt.)<br>\n          <span class=\"small-size text-secondary\">{{ $filters.currency(calcTaxPrice(item.price.discounted)) }} (exkl. MwSt.)</span>\n        </template>\n        <template v-else>\n          {{ $filters.currency(item.price.total) }} (inkl MwSt.)<br>\n          <span class=\"small-size text-secondary\">{{ $filters.currency(calcTaxPrice(item.price.total)) }} (exkl. MwSt.)</span>\n        </template>\n      </td>\n    </tr>\n    <tr v-for=\"(step, idx) in item.steps\" :key=\"idx\">\n      <td>{{ step.name }}: {{ step.value }}</td>\n      <td class=\"text-start\">\n        <template v-if=\"step.option && step.option[0]\">\n          <div v-if=\"step.option[0].discounted\">\n            <div class=\"total-price total-price--discount\">{{ $filters.currency(step.option[0].discounted) }}</div>\n            <div class=\"total-price total-price--old mt-1\">{{ $filters.currency(step.option[0].total) }}</div>\n          </div>\n          <div v-else class=\"total-price total-price mt-1\">\n            <span v-if=\"step.option[0].total > 0\">\n              {{ $filters.currency(step.option[0].total) }}\n            </span>\n          </div>\n        </template>\n      </td>\n      <td></td>\n      <td></td>\n    </tr>\n  </template>\n  </tbody>\n  <tfoot class=\"border-top\">\n  <tr>\n    <td class=\"text-end\" colspan=\"3\">Preis der Produkte</td>\n    <td class=\"text-end\">{{ $filters.currency(productPrice) }}</td>\n  </tr>\n    <template v-for=\"(item, idx) in additionalOptions\" :key=\"idx\">\n      <tr v-if=\"item.selected\">\n        <td class=\"text-end\" colspan=\"3\">{{ item.label }}</td>\n        <td class=\"text-end\">\n          {{ $filters.currency(item.price) }}\n        </td>\n      </tr>\n    </template>\n  <tr>\n    <td class=\"text-end\" colspan=\"3\">Versandkosten</td>\n    <td class=\"text-end\">\n      {{ $filters.currency(price.delivery) }}\n    </td>\n  </tr>\n  <tr>\n    <td class=\"text-end\" colspan=\"3\">Summe gesamt</td>\n    <td class=\"text-end fw-bold\">\n      {{ $filters.currency(total) }}\n    </td>\n  </tr>\n  <tr>\n    <td class=\"text-end\" colspan=\"3\">enthaltene MwSt. 19%</td>\n    <td class=\"text-end\">\n      {{ $filters.currency(productPrice * (19 / 100)) }}\n    </td>\n  </tr>\n  <tr>\n    <td class=\"text-end\" colspan=\"3\">Anzahlung 20%</td>\n    <td class=\"text-end\" >\n      {{ $filters.currency(productPrice * (20 / 100)) }}\n    </td>\n  </tr>\n  </tfoot>\n</table>\n</template>\n","import script from \"./summary.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./summary.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}