{"version":3,"file":"js/app.a0471453.js","mappings":"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","sources":["webpack://direct-exteriors-landing/./src/App.vue","webpack://direct-exteriors-landing/./src/components/Footer.vue","webpack://direct-exteriors-landing/./src/components/Footer.vue?7cca","webpack://direct-exteriors-landing/./src/composables/useNotification.js","webpack://direct-exteriors-landing/./src/components/NotificationToast.vue","webpack://direct-exteriors-landing/./src/components/NotificationToast.vue?df98","webpack://direct-exteriors-landing/./src/App.vue?7ccd","webpack://direct-exteriors-landing/./src/config/index.js","webpack://direct-exteriors-landing/./src/composables/useAuth.js","webpack://direct-exteriors-landing/./src/components/Navbar.vue","webpack://direct-exteriors-landing/./src/components/Navbar.vue?436b","webpack://direct-exteriors-landing/./src/layouts/LandingLayout.vue","webpack://direct-exteriors-landing/./src/components/About.vue","webpack://direct-exteriors-landing/./src/components/Features.vue","webpack://direct-exteriors-landing/./src/components/Features.vue?37ad","webpack://direct-exteriors-landing/./src/components/Client.vue","webpack://direct-exteriors-landing/./src/components/Client.vue?83f9","webpack://direct-exteriors-landing/./src/components/Pricing.vue","webpack://direct-exteriors-landing/./src/components/Pricing.vue?0e14","webpack://direct-exteriors-landing/./src/components/GetInTouch.vue","webpack://direct-exteriors-landing/./src/components/GetInTouch.vue?e8bf","webpack://direct-exteriors-landing/./src/pages/Index.vue","webpack://direct-exteriors-landing/./src/layouts/DefaultLayout.vue","webpack://direct-exteriors-landing/./src/components/AddressAutocomplete.vue","webpack://direct-exteriors-landing/./src/components/AddressAutocomplete.vue?884b","webpack://direct-exteriors-landing/./src/components/steps/StepOne.vue","webpack://direct-exteriors-landing/./src/components/steps/StepOne.vue?ffbc","webpack://direct-exteriors-landing/./src/composables/useApi.js","webpack://direct-exteriors-landing/./src/composables/useCalculatorApi.js","webpack://direct-exteriors-landing/./src/composables/useProductsApi.js","webpack://direct-exteriors-landing/./src/types/enums.js","webpack://direct-exteriors-landing/./src/components/steps/StepTwo.vue","webpack://direct-exteriors-landing/./src/components/steps/StepTwo.vue?68af","webpack://direct-exteriors-landing/./src/components/steps/StepThree.vue","webpack://direct-exteriors-landing/./src/components/steps/StepThree.vue?2a4f","webpack://direct-exteriors-landing/./src/pages/Calculator.vue","webpack://direct-exteriors-landing/./src/pages/Calculator.vue?decd","webpack://direct-exteriors-landing/./src/composables/useOrder.js","webpack://direct-exteriors-landing/./src/pages/Preview.vue","webpack://direct-exteriors-landing/./src/pages/Preview.vue?fc82","webpack://direct-exteriors-landing/./src/router/index.js","webpack://direct-exteriors-landing/./src/main.js","webpack://direct-exteriors-landing/webpack/bootstrap","webpack://direct-exteriors-landing/webpack/runtime/chunk loaded","webpack://direct-exteriors-landing/webpack/runtime/compat get default export","webpack://direct-exteriors-landing/webpack/runtime/define property getters","webpack://direct-exteriors-landing/webpack/runtime/global","webpack://direct-exteriors-landing/webpack/runtime/hasOwnProperty shorthand","webpack://direct-exteriors-landing/webpack/runtime/publicPath","webpack://direct-exteriors-landing/webpack/runtime/jsonp chunk loading","webpack://direct-exteriors-landing/webpack/startup"],"sourcesContent":["<script>\n  import feather from 'feather-icons';\n  import AppFooter from '@/components/Footer.vue';\n  import NotificationToast from '@/components/NotificationToast.vue';\n\n  export default {\n    name: 'App',\n    components: {\n      AppFooter,\n      NotificationToast,\n    },\n    mounted() {\n      feather.replace();\n    },\n  };\n</script>\n\n<template>\n  <!-- Notification Toast Component -->\n  <NotificationToast />\n\n  <router-view v-slot=\"{ Component }\">\n    <component :is=\"Component\" />\n  </router-view>\n</template>\n\n<style>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n  body {\n    font-family: 'Inter', sans-serif;\n  }\n</style>\n","<script setup>\n  const date = new Date().getFullYear();\n</script>\n\n<template>\n  <footer class=\"bg-white border-t border-gray-100\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"flex items-center justify-between h-16\">\n        <router-link to=\"/\" class=\"text-teal-500 font-bold text-xl italic\">\n          Direct Exteriors\n        </router-link>\n        <p class=\"text-gray-500 text-sm\">© {{ date }} Direct Exteriors. All rights reserved.</p>\n      </div>\n    </div>\n  </footer>\n</template>\n","import script from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { ref } from 'vue';\n\n// Create a reactive notification store that can be shared across components\nconst notifications = ref([]);\nlet notificationId = 0;\n\nexport function useNotification() {\n  // Show a notification\n  const showNotification = (message, type = 'info', duration = 5000) => {\n    const id = notificationId++;\n\n    // Add notification to the array\n    notifications.value.push({\n      id,\n      message,\n      type, // 'info', 'success', 'warning', 'error'\n      duration,\n    });\n\n    // Automatically remove notification after duration\n    if (duration > 0) {\n      setTimeout(() => {\n        removeNotification(id);\n      }, duration);\n    }\n\n    return id;\n  };\n\n  // Remove a notification by id\n  const removeNotification = (id) => {\n    const index = notifications.value.findIndex((notification) => notification.id === id);\n    if (index !== -1) {\n      notifications.value.splice(index, 1);\n    }\n  };\n\n  // Clear all notifications\n  const clearNotifications = () => {\n    notifications.value = [];\n  };\n\n  return {\n    notifications,\n    showNotification,\n    removeNotification,\n    clearNotifications,\n  };\n}\n","<script setup>\n  import { useNotification } from '@/composables/useNotification';\n\n  const { notifications, removeNotification } = useNotification();\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-x-0 top-0 flex justify-center items-start p-6 z-[1060] pointer-events-none\"\n  >\n    <TransitionGroup name=\"notification\" tag=\"div\" class=\"space-y-3 w-full max-w-md\">\n      <div\n        v-for=\"notification in notifications\"\n        :key=\"notification.id\"\n        class=\"w-full shadow-lg rounded-lg pointer-events-auto overflow-hidden transform transition-all\"\n        :class=\"{\n          'bg-green-50 text-green-800 border-l-4 border-green-400': notification.type === 'success',\n          'bg-blue-50 text-blue-800 border-l-4 border-blue-400': notification.type === 'info',\n          'bg-yellow-50 text-yellow-800 border-l-4 border-yellow-400':\n            notification.type === 'warning',\n          'bg-red-50 text-red-800 border-l-4 border-red-400': notification.type === 'error',\n        }\"\n      >\n        <div class=\"p-4\">\n          <div class=\"flex items-start\">\n            <div v-if=\"notification.type === 'success'\" class=\"flex-shrink-0\">\n              <svg\n                class=\"h-5 w-5 text-green-400\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </div>\n            <div v-else-if=\"notification.type === 'info'\" class=\"flex-shrink-0\">\n              <svg\n                class=\"h-5 w-5 text-blue-400\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </div>\n            <div v-else-if=\"notification.type === 'warning'\" class=\"flex-shrink-0\">\n              <svg\n                class=\"h-5 w-5 text-yellow-400\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </div>\n            <div v-else-if=\"notification.type === 'error'\" class=\"flex-shrink-0\">\n              <svg\n                class=\"h-5 w-5 text-red-400\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </div>\n\n            <div class=\"ml-3 flex-1\">\n              <p class=\"text-sm font-medium\">{{ notification.message }}</p>\n            </div>\n\n            <div class=\"ml-4 flex-shrink-0 flex\">\n              <button\n                class=\"inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150\"\n                @click=\"removeNotification(notification.id)\"\n              >\n                <svg\n                  class=\"h-5 w-5\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"currentColor\"\n                >\n                  <path\n                    fill-rule=\"evenodd\"\n                    d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                    clip-rule=\"evenodd\"\n                  />\n                </svg>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </TransitionGroup>\n  </div>\n</template>\n","import script from \"./NotificationToast.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NotificationToast.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=15351cd2\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=15351cd2&lang=css\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","/**\n * Application configuration\n * Centralizes all environment-specific configuration\n */\n\nexport const config = {\n  /**\n   * URLs\n   */\n  urls: {\n    mainApp: process.env.VUE_APP_MAIN_APP_URL || '#',\n    apiBase: process.env.VUE_APP_API_BASE_URL || '',\n  },\n\n  /**\n   * API Keys\n   */\n  apiKeys: {\n    googleMaps: process.env.VUE_APP_GOOGLE_MAPS_API_KEY || '',\n  },\n};\n\nexport default config;\n","import { computed } from 'vue';\nimport { config } from '@/config';\n\n/**\n * Composable for auth-related functionality\n * Following the principle of separating concerns\n */\nexport function useAuth() {\n  // URL for the main app login page\n  const loginUrl = computed(() => config.urls.mainApp);\n\n  // Other auth-related methods can be added here\n  // For example:\n  // - checkAuthState\n  // - logout\n  // - getUser\n\n  return {\n    loginUrl,\n  };\n}\n\nexport default useAuth;\n","<template>\n  <div>\n    <nav id=\"navbar\" class=\"navbar\">\n      <div class=\"container relative flex flex-wrap items-center justify-between\">\n        <router-link to=\"/\" class=\"navbar-brand md:me-8 flex items-center\">\n          <img\n            src=\"@/assets/images/logo.webp\"\n            alt=\"Direct Exteriors Logo\"\n            class=\"h-10 w-auto mr-3 rounded-2xl\"\n          />\n          <span class=\"text-teal-500 font-bold text-2xl italic\">Direct Exteriors</span>\n        </router-link>\n\n        <div class=\"nav-icons flex items-center lg_992:order-2 ms-auto md:ms-8\">\n          <ul class=\"list-none menu-social mb-0\">\n            <li class=\"inline\">\n              <a\n                :href=\"loginUrl\"\n                class=\"h-8 px-4 text-[12px] tracking-wider inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white uppercase\"\n                >Login</a\n              >\n            </li>\n          </ul>\n          <button\n            data-collapse=\"menu-collapse\"\n            type=\"button\"\n            class=\"collapse-btn inline-flex items-center ms-2 text-dark dark:text-white lg_992:hidden\"\n            aria-controls=\"menu-collapse\"\n            aria-expanded=\"false\"\n            @click=\"toggle = !toggle\"\n          >\n            <span class=\"sr-only\">Navigation Menu</span>\n            <i class=\"mdi mdi-menu text-[24px]\"></i>\n          </button>\n        </div>\n\n        <div\n          id=\"menu-collapse\"\n          class=\"navigation lg_992:order-1 lg_992:flex ms-auto\"\n          :class=\"{ hidden: !toggle }\"\n        >\n          <ul id=\"navbar-navlist\" class=\"navbar-nav\">\n            <li class=\"nav-item ms-0 active home\">\n              <router-link class=\"nav-link\" to=\"/\">Home</router-link>\n            </li>\n            <li class=\"nav-item ms-0 calculator\">\n              <router-link class=\"nav-link\" to=\"/calculator\">Calculator</router-link>\n            </li>\n            <li class=\"nav-item ms-0 about\">\n              <a class=\"nav-link\" href=\"#about\" @click=\"handleNavigation($event, 'about')\">About</a>\n            </li>\n            <li class=\"nav-item ms-0 services\">\n              <a class=\"nav-link\" href=\"#services\" @click=\"handleNavigation($event, 'services')\"\n                >Services</a\n              >\n            </li>\n            <li class=\"nav-item ms-0 review\">\n              <a class=\"nav-link\" href=\"#review\" @click=\"handleNavigation($event, 'review')\"\n                >Testimonial</a\n              >\n            </li>\n            <li class=\"nav-item ms-0 pricing\">\n              <a class=\"nav-link\" href=\"#pricing\" @click=\"handleNavigation($event, 'pricing')\"\n                >Pricing</a\n              >\n            </li>\n            <li class=\"nav-item ms-0 contact\">\n              <a class=\"nav-link\" href=\"#contact\" @click=\"handleNavigation($event, 'contact')\"\n                >Contact us</a\n              >\n            </li>\n          </ul>\n        </div>\n      </div>\n    </nav>\n  </div>\n</template>\n\n<script setup>\n  import { ref, onMounted, onUnmounted, nextTick } from 'vue';\n  import { useRouter, useRoute } from 'vue-router';\n  import { useAuth } from '@/composables/useAuth';\n\n  const router = useRouter();\n  const route = useRoute();\n  const { loginUrl } = useAuth();\n\n  const toggle = ref(false);\n  const sections = ref([]);\n  const navLi = ref([]);\n  const current = ref('');\n  const sectionTop = ref(null);\n\n  const handleScroll = () => {\n    const navbar = document.getElementById('navbar');\n    if (document.body.scrollTop >= 50 || document.documentElement.scrollTop >= 50) {\n      navbar.classList.add('is-sticky');\n    } else {\n      navbar.classList.remove('is-sticky');\n    }\n  };\n\n  const onscroll = () => {\n    sections.value.forEach((section) => {\n      sectionTop.value = section.offsetTop;\n      if (window.pageYOffset >= sectionTop.value - 60) {\n        current.value = section.getAttribute('id');\n      }\n    });\n    navLi.value.forEach((li) => {\n      if (li.classList.contains(current.value)) {\n        li.classList.add('active');\n      } else {\n        li.classList.remove('active');\n      }\n    });\n  };\n\n  const scrollToSection = (sectionId) => {\n    const element = document.getElementById(sectionId);\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n\n  const handleNavigation = async (event, sectionId) => {\n    event.preventDefault();\n\n    if (route.path !== '/') {\n      await router.push('/');\n      await nextTick();\n      await new Promise((resolve) => {\n        setTimeout(resolve, 1000);\n      });\n    }\n\n    scrollToSection(sectionId);\n  };\n\n  const setupScrollHandlers = () => {\n    if (window.location.hash) {\n      nextTick(() => {\n        scrollToSection(window.location.hash.substring(1));\n      });\n    }\n  };\n\n  onMounted(() => {\n    sections.value = document.querySelectorAll('section');\n    navLi.value = document.querySelectorAll('nav .container .navigation ul li');\n\n    window.addEventListener('scroll', handleScroll);\n    window.addEventListener('scroll', onscroll);\n\n    setupScrollHandlers();\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('scroll', handleScroll);\n    window.removeEventListener('scroll', onscroll);\n  });\n</script>\n\n<style scoped>\n  .navbar {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 1020;\n    padding: 0.5rem 1rem;\n    background-color: white;\n    width: 100%;\n    max-width: 100vw;\n    box-sizing: border-box;\n  }\n\n  .navbar.is-sticky {\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\n    animation: fadeInDown 0.5s;\n  }\n\n  .container {\n    max-width: 100%;\n    width: 100%;\n    padding-right: 1rem;\n    padding-left: 1rem;\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  /* Make navbar responsive */\n  @media (max-width: 991.98px) {\n    .navigation {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      background-color: white;\n      border-radius: 0 0 0.25rem 0.25rem;\n      padding: 0.5rem 0;\n      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n      z-index: 1000;\n    }\n\n    .navbar-nav {\n      flex-direction: column;\n      padding-left: 0;\n      margin-bottom: 0;\n      list-style: none;\n    }\n\n    .nav-item {\n      padding: 0.5rem 1rem;\n    }\n  }\n\n  @keyframes fadeInDown {\n    from {\n      opacity: 0;\n      transform: translate3d(0, -100%, 0);\n    }\n    to {\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n    }\n  }\n</style>\n","import script from \"./Navbar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Navbar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Navbar.vue?vue&type=style&index=0&id=b7859326&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-b7859326\"]])\n\nexport default __exports__","import script from \"./LandingLayout.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LandingLayout.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./About.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./About.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script>\n  import feather from 'feather-icons';\n\n  export default {\n    data() {\n      return {\n        servicesData: [\n          {\n            id: 1,\n            icon: 'home',\n            title: 'Residential Roofing',\n            desc: 'Complete roofing solutions for homes including repairs, replacements, and maintenance using premium materials.',\n          },\n          {\n            id: 2,\n            icon: 'briefcase',\n            title: 'Commercial Roofing',\n            desc: 'Expert commercial roofing services with minimal business disruption and long-lasting results.',\n          },\n          {\n            id: 3,\n            icon: 'tool',\n            title: 'Roof Repairs',\n            desc: 'Fast and reliable repair services for all types of roof damage, from minor leaks to major storm damage.',\n          },\n          {\n            id: 4,\n            icon: 'umbrella',\n            title: 'Storm Damage',\n            desc: 'Emergency services and insurance claim assistance for storm, wind, and hail damage repairs.',\n          },\n          {\n            id: 5,\n            icon: 'droplet',\n            title: 'Gutter Services',\n            desc: 'Installation and maintenance of gutters and downspouts to protect your property from water damage.',\n          },\n          {\n            id: 6,\n            icon: 'shield',\n            title: 'Roof Maintenance',\n            desc: 'Preventive maintenance programs to extend roof life and prevent costly repairs.',\n          },\n          {\n            id: 7,\n            icon: 'sun',\n            title: 'Solar Roof Solutions',\n            desc: 'Integration of solar panels with your roofing system for energy efficiency and sustainability.',\n          },\n          {\n            id: 8,\n            icon: 'clipboard',\n            title: 'Inspections & Reports',\n            desc: 'Thorough roof inspections with detailed reports and recommendations for maintenance or repairs.',\n          },\n        ],\n      };\n    },\n    mounted() {\n      feather.replace();\n    },\n    updated() {\n      feather.replace();\n    },\n  };\n</script>\n\n<template>\n  <section id=\"services\" class=\"relative md:py-24 py-16 bg-slate-50 dark:bg-slate-800\">\n    <div class=\"container relative\">\n      <div class=\"grid grid-cols-1 pb-6 text-center\">\n        <h3 class=\"font-semibold text-2xl leading-normal mb-4\">Our Roofing Services</h3>\n\n        <p class=\"text-slate-400 max-w-xl mx-auto\">\n          Professional roofing services for residential and commercial properties. We offer\n          comprehensive solutions from repairs to full replacements.\n        </p>\n      </div>\n\n      <div class=\"grid lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-2 grid-cols-1 gap-6 mt-6\">\n        <div\n          v-for=\"item in servicesData\"\n          :key=\"item.id\"\n          class=\"group rounded-md shadow dark:shadow-gray-700 relative bg-white dark:bg-slate-900 p-6 overflow-hidden h-fit\"\n        >\n          <div\n            class=\"flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-teal-500/10 text-teal-500 text-center rounded-full group-hover:bg-teal-500/10 duration-500\"\n          >\n            <i :data-feather=\"item.icon\" class=\"size-6 rotate-45\"></i>\n          </div>\n\n          <div class=\"content mt-6 relative z-1\">\n            <a href=\"\" class=\"title text-lg font-semibold hover:text-teal-500\">{{ item.title }}</a>\n            <p class=\"text-slate-400 mt-3\">{{ item.desc }}</p>\n\n            <div class=\"mt-6\">\n              <a href=\"\" class=\"text-teal-500\"\n                >Read More <i class=\"mdi mdi-chevron-right align-middle\"></i\n              ></a>\n            </div>\n          </div>\n\n          <div class=\"absolute bottom-0 -end-16\">\n            <i\n              :data-feather=\"item.icon\"\n              class=\"size-48 text-teal-500 opacity-[0.04] dark:opacity-[0.04] group-hover:opacity-10 duration-500\"\n            ></i>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./Features.vue?vue&type=template&id=b1391fbc\"\nimport script from \"./Features.vue?vue&type=script&lang=js\"\nexport * from \"./Features.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<script>\n  import { onMounted } from 'vue';\n  import { tns } from 'tiny-slider/src/tiny-slider';\n  import client1 from '@/assets/images/team/01.jpg';\n  import client2 from '@/assets/images/team/02.jpg';\n  import client3 from '@/assets/images/team/03.jpg';\n  import client4 from '@/assets/images/team/04.jpg';\n  import client5 from '@/assets/images/team/05.jpg';\n  import client6 from '@/assets/images/team/06.jpg';\n\n  export default {\n    name: 'Client',\n    setup() {\n      onMounted(() => {\n        tns({\n          container: '.tiny-three-item',\n          controls: false,\n          mouseDrag: true,\n          loop: true,\n          rewind: true,\n          autoplay: true,\n          autoplayButtonOutput: false,\n          autoplayTimeout: 3000,\n          navPosition: 'bottom',\n          speed: 400,\n          gutter: 12,\n          responsive: {\n            992: {\n              items: 3,\n            },\n            767: {\n              items: 2,\n            },\n            320: {\n              items: 1,\n            },\n          },\n        });\n      });\n    },\n    data() {\n      return {\n        clientData: [\n          {\n            id: 1,\n            image: client1,\n            desc: '\" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. \"',\n            name: 'Calvin Carlo',\n            title: 'Manager',\n          },\n          {\n            id: 2,\n            image: client2,\n            desc: '\" The most well-known dummy text is the Lorem Ipsum, which is said to have originated in the 16th century. \"',\n            name: 'Christa Smith',\n            title: 'Manager',\n          },\n          {\n            id: 3,\n            image: client3,\n            desc: '\" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. \"',\n            name: 'Jemina CLone',\n            title: 'Manager',\n          },\n          {\n            id: 4,\n            image: client4,\n            desc: '\"Thus, Lorem Ipsum has only limited suitability as a visual filler for German texts\"',\n            name: 'Smith Vodka',\n            title: 'Manager',\n          },\n          {\n            id: 5,\n            image: client5,\n            desc: '\"There is now an abundance of readable dummy texts. These are usually used when a text is required.\"',\n            name: 'Cristino Murfi',\n            title: 'Manager',\n          },\n          {\n            id: 6,\n            image: client6,\n            desc: '\"According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero.\"',\n            name: 'Calvin Carlo',\n            title: 'Manager',\n          },\n        ],\n      };\n    },\n  };\n</script>\n\n<template>\n  <section id=\"review\" class=\"relative md:py-24 py-16\">\n    <div class=\"container relative\">\n      <div class=\"grid grid-cols-1 pb-6 text-center\">\n        <h3 class=\"font-semibold text-2xl leading-normal mb-4\">What Our Users Say</h3>\n\n        <p class=\"text-slate-400 max-w-xl mx-auto\">\n          This is just a simple text made for this unique and awesome template, you can replace it\n          with any text.\n        </p>\n      </div>\n\n      <div class=\"grid grid-cols-1 mt-6\">\n        <div class=\"tiny-three-item\">\n          <div v-for=\"item in clientData\" :key=\"item.index\" class=\"tiny-slide text-center\">\n            <div class=\"cursor-e-resize\">\n              <div\n                class=\"content relative rounded shadow dark:shadow-gray-700 m-2 p-6 bg-white dark:bg-slate-900 before:content-[''] before:absolute before:start-1/2 before:-bottom-[4px] before:box-border before:border-8 before:rotate-[45deg] before:border-t-transparent before:border-e-white dark:before:border-e-slate-900 before:border-b-white dark:before:border-b-slate-900 before:border-s-transparent before:shadow-testi dark:before:shadow-gray-700 before:origin-top-left\"\n              >\n                <i class=\"mdi mdi-format-quote-open mdi-48px text-teal-500\"></i>\n                <p class=\"text-slate-400\">{{ item.desc }}</p>\n                <ul class=\"list-none mb-0 text-amber-400 mt-3\">\n                  <li class=\"inline\"><i class=\"mdi mdi-star\"></i></li>\n                  <li class=\"inline\"><i class=\"mdi mdi-star\"></i></li>\n                  <li class=\"inline\"><i class=\"mdi mdi-star\"></i></li>\n                  <li class=\"inline\"><i class=\"mdi mdi-star\"></i></li>\n                  <li class=\"inline\"><i class=\"mdi mdi-star\"></i></li>\n                </ul>\n              </div>\n\n              <div class=\"text-center mt-5\">\n                <img\n                  :src=\"item.image\"\n                  class=\"size-14 rounded-full shadow-md dark:shadow-gray-700 mx-auto\"\n                  alt=\"\"\n                />\n                <h6 class=\"mt-2 font-semibold\">{{ item.name }}</h6>\n                <span class=\"text-slate-400 text-sm\">{{ item.title }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./Client.vue?vue&type=template&id=3858f3a4\"\nimport script from \"./Client.vue?vue&type=script&lang=js\"\nexport * from \"./Client.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section id=\"pricing\" class=\"relative md:py-24 py-16 bg-slate-50 dark:bg-slate-800\">\n    <div class=\"container relative\">\n      <div class=\"grid grid-cols-1 pb-6 text-center\">\n        <h3 class=\"font-semibold text-2xl leading-normal mb-4\">Our Pricing</h3>\n        <p class=\"text-slate-400 max-w-xl mx-auto\">\n          This is just a simple text made for this unique and awesome template, you can replace it\n          with any text.\n        </p>\n      </div>\n\n      <div class=\"grid lg:grid-cols-4 md:grid-cols-2 grid-cols-1 mt-6 gap-6\">\n        <div\n          class=\"group p-6 relative overflow-hidden shadow dark:shadow-gray-700 bg-white dark:bg-slate-900 rounded-md h-fit\"\n        >\n          <h6 class=\"font-semibold mb-5 text-xl\">Free</h6>\n\n          <div class=\"flex mb-5\">\n            <span class=\"text-lg font-medium\">$</span>\n            <span class=\"price text-5xl h6 font-semibold mb-0\">0</span>\n            <span class=\"text-lg font-medium self-end mb-1\">/mo</span>\n          </div>\n\n          <ul class=\"list-none text-slate-400\">\n            <li class=\"mb-1 flex\">\n              <i\n                class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n              ></i>\n              <span>We offers a free month of service for new customers.</span>\n            </li>\n          </ul>\n          <a\n            href=\"\"\n            class=\"h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500/5 hover:bg-teal-500 text-teal-500 hover:text-white w-full mt-5\"\n            >Free Demo</a\n          >\n        </div>\n\n        <div\n          class=\"group p-6 relative overflow-hidden shadow dark:shadow-gray-700 bg-white dark:bg-slate-900 rounded-md h-fit\"\n        >\n          <h6 class=\"font-semibold mb-5 text-xl\">Single</h6>\n\n          <div class=\"flex mb-5\">\n            <span class=\"text-lg font-medium\">$</span>\n            <span class=\"price text-5xl h6 font-semibold mb-0\">9</span>\n            <span class=\"text-lg font-medium self-end mb-1\">/mo</span>\n          </div>\n\n          <ul class=\"list-none text-slate-400\">\n            <li class=\"mb-1 flex\">\n              <i\n                class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n              ></i>\n              <span>We offers a free 7 days of service for new customers.</span>\n            </li>\n            <li class=\"mb-1 flex\">\n              <i\n                class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n              ></i>\n              <span>Our Talented & Experienced Marketing Agency</span>\n            </li>\n          </ul>\n          <a\n            href=\"\"\n            class=\"h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500/5 hover:bg-teal-500 text-teal-500 hover:text-white w-full mt-5\"\n            >Subscribe Now</a\n          >\n        </div>\n\n        <div\n          class=\"group relative overflow-hidden shadow dark:shadow-gray-700 bg-white dark:bg-slate-900 rounded-md h-fit\"\n        >\n          <div\n            class=\"bg-gradient-to-tr from-teal-500 to-teal-700 text-white py-2 px-6 h6 text-lg font-medium\"\n          >\n            Popular\n          </div>\n          <div class=\"p-6\">\n            <h6 class=\"font-semibold mb-5 text-xl\">Professional</h6>\n\n            <div class=\"flex mb-5\">\n              <span class=\"text-lg font-medium\">$</span>\n              <span class=\"price text-5xl h6 font-semibold mb-0\">49</span>\n              <span class=\"text-lg font-medium self-end mb-1\">/mo</span>\n            </div>\n\n            <ul class=\"list-none text-slate-400\">\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>We offers a free 14 days of service for new customers.</span>\n              </li>\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>Full Access</span>\n              </li>\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>Source Files</span>\n              </li>\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>Free Appointments</span>\n              </li>\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>Enhanced Security</span>\n              </li>\n              <li class=\"mb-1 flex\">\n                <i\n                  class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n                ></i>\n                <span>Free Installment</span>\n              </li>\n            </ul>\n            <a\n              href=\"\"\n              class=\"h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white w-full mt-5\"\n              >Buy Now</a\n            >\n\n            <p class=\"text-sm text-slate-400 mt-1.5\">\n              <span class=\"text-red-600\">*</span>T&C Apply\n            </p>\n          </div>\n        </div>\n\n        <div\n          class=\"group p-6 relative overflow-hidden shadow dark:shadow-gray-700 bg-white dark:bg-slate-900 rounded-md h-fit\"\n        >\n          <h6 class=\"font-semibold mb-5 text-xl\">Enterprise</h6>\n\n          <p class=\"text-slate-400 mb-5\">\n            We offers a <span class=\"text-dark font-medium\">free 30 days</span> of service for new\n            customers.\n          </p>\n\n          <ul class=\"list-none\">\n            <li class=\"mb-1 font-medium flex\">\n              <i\n                class=\"mdi mdi-check-circle-outline text-teal-500 text-[20px] align-middle me-2\"\n              ></i>\n              <span>Custom Pricing</span>\n            </li>\n          </ul>\n          <a\n            href=\"\"\n            class=\"h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500/5 hover:bg-teal-500 text-teal-500 hover:text-white w-full mt-5\"\n            >Talk to us</a\n          >\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./Pricing.vue?vue&type=template&id=3df5a9b0\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section id=\"contact\" class=\"relative lg:py-24 py-16 bg-slate-50 dark:bg-slate-800\">\n    <div class=\"container relative\">\n      <div class=\"grid grid-cols-1 pb-6 text-center\">\n        <h3 class=\"font-semibold text-2xl leading-normal mb-4\">Get in touch</h3>\n\n        <p class=\"text-slate-400 max-w-xl mx-auto\">\n          This is just a simple text made for this unique and awesome template, you can replace it\n          with any text.\n        </p>\n      </div>\n\n      <div class=\"grid md:grid-cols-12 grid-cols-1 items-center gap-6\">\n        <div class=\"lg:col-span-7 md:col-span-6\">\n          <img src=\"../assets/images/contact.svg\" alt=\"\" />\n        </div>\n\n        <div class=\"lg:col-span-5 md:col-span-6\">\n          <div class=\"lg:ms-5\">\n            <div class=\"bg-white dark:bg-slate-900 rounded-md shadow dark:shadow-gray-700 p-6\">\n              <form>\n                <div class=\"grid lg:grid-cols-12 grid-cols-1 gap-3\">\n                  <div class=\"lg:col-span-6\">\n                    <label for=\"name\" class=\"font-semibold\">Your Name:</label>\n                    <input\n                      id=\"name\"\n                      name=\"name\"\n                      type=\"text\"\n                      class=\"mt-2 w-full py-2 px-3 h-10 bg-transparent dark:bg-slate-900 dark:text-slate-200 rounded outline-none border border-gray-100 dark:border-gray-800 focus:ring-0\"\n                      placeholder=\"Name :\"\n                    />\n                  </div>\n\n                  <div class=\"lg:col-span-6\">\n                    <label for=\"email\" class=\"font-semibold\">Your Email:</label>\n                    <input\n                      id=\"email\"\n                      name=\"email\"\n                      type=\"email\"\n                      class=\"mt-2 w-full py-2 px-3 h-10 bg-transparent dark:bg-slate-900 dark:text-slate-200 rounded outline-none border border-gray-100 dark:border-gray-800 focus:ring-0\"\n                      placeholder=\"Email :\"\n                    />\n                  </div>\n\n                  <div class=\"lg:col-span-12\">\n                    <label for=\"subject\" class=\"font-semibold\">Your Question:</label>\n                    <input\n                      id=\"subject\"\n                      name=\"subject\"\n                      class=\"mt-2 w-full py-2 px-3 h-10 bg-transparent dark:bg-slate-900 dark:text-slate-200 rounded outline-none border border-gray-100 dark:border-gray-800 focus:ring-0\"\n                      placeholder=\"Subject :\"\n                    />\n                  </div>\n\n                  <div class=\"lg:col-span-12\">\n                    <label for=\"comments\" class=\"font-semibold\">Your Comment:</label>\n                    <textarea\n                      id=\"comments\"\n                      name=\"comments\"\n                      class=\"mt-2 w-full py-2 px-3 h-28 bg-transparent dark:bg-slate-900 dark:text-slate-200 rounded outline-none border border-gray-100 dark:border-gray-800 focus:ring-0\"\n                      placeholder=\"Message :\"\n                    ></textarea>\n                  </div>\n                </div>\n                <button\n                  id=\"submit\"\n                  type=\"submit\"\n                  name=\"send\"\n                  class=\"h-10 px-6 tracking-wide inline-flex items-center justify-center font-medium rounded-md bg-teal-500 text-white mt-2\"\n                >\n                  Send Message\n                </button>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./GetInTouch.vue?vue&type=template&id=2a381165\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import script from \"./Index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Index.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./DefaultLayout.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DefaultLayout.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n  import { ref, onMounted, watch } from 'vue';\n  import { Loader } from '@googlemaps/js-api-loader';\n\n  const props = defineProps({\n    modelValue: {\n      type: String,\n      required: true,\n    },\n    error: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    placeholder: {\n      type: String,\n      default: 'Enter your address',\n    },\n    icon: {\n      type: String,\n      default: '',\n    },\n    rounded: {\n      type: String,\n      default: 'lg',\n      validator: (value) => ['none', 'sm', 'md', 'lg', 'full'].includes(value),\n    },\n  });\n\n  const getRoundedClass = (rounded) => {\n    const classes = {\n      none: 'rounded-none',\n      sm: 'rounded-sm',\n      md: 'rounded-md',\n      lg: 'rounded-lg',\n      full: 'rounded-full',\n    };\n    return classes[rounded] || classes.lg;\n  };\n\n  const emit = defineEmits(['update:model-value']);\n  const inputRef = ref(null);\n  const inputValue = ref(props.modelValue);\n\n  // Watch for external changes to modelValue\n  watch(\n    () => props.modelValue,\n    (newValue) => {\n      inputValue.value = newValue;\n    }\n  );\n\n  // Get API key from environment variables\n  const googleMapsApiKey = process.env.VUE_APP_GOOGLE_MAPS_API_KEY;\n  console.log('Google Maps API Key:', googleMapsApiKey);\n\n  onMounted(async () => {\n    if (!googleMapsApiKey) {\n      console.error(\n        'Google Maps API key is not configured in environment variables (VUE_APP_GOOGLE_MAPS_API_KEY)'\n      );\n      return;\n    }\n\n    const loader = new Loader({\n      apiKey: googleMapsApiKey,\n      version: 'weekly',\n    });\n\n    try {\n      const placesLib = await loader.importLibrary('places');\n      const { Autocomplete } = placesLib;\n\n      if (!inputRef.value) return;\n\n      const autocomplete = new Autocomplete(inputRef.value, {\n        componentRestrictions: { country: 'us' },\n        fields: ['formatted_address'],\n      });\n\n      autocomplete.addListener('place_changed', () => {\n        const place = autocomplete.getPlace();\n        if (place.formatted_address) {\n          inputValue.value = place.formatted_address;\n          emit('update:model-value', place.formatted_address);\n        }\n      });\n    } catch (error) {\n      console.error('Error loading Google Places library:', error);\n    }\n  });\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div class=\"bg-gradient-to-r from-teal-500 to-teal-600 p-8 relative overflow-hidden rounded-xl\">\n      <div class=\"absolute inset-0 bg-white/10 transform -skew-y-6\"></div>\n      <div class=\"relative z-10 text-center\">\n        <span\n          class=\"inline-block px-4 py-1 bg-white/20 rounded-full text-white text-sm font-medium mb-6 backdrop-blur-sm\"\n          >Step 1 of 3</span\n        >\n        <div\n          class=\"w-20 h-20 mx-auto mb-6 bg-white rounded-full p-4 shadow-lg transform transition-transform hover:scale-105\"\n        >\n          <img\n            src=\"@/assets/images/roof-icon.svg\"\n            alt=\"Roof Icon\"\n            class=\"w-full h-full object-contain\"\n          />\n        </div>\n        <h2 class=\"text-4xl font-bold text-white mb-3\">Property Details</h2>\n        <p class=\"text-white/90 text-lg max-w-xl mx-auto\">\n          Enter your address so we can measure your roof area and provide an accurate cost estimate\n        </p>\n      </div>\n    </div>\n\n    <div class=\"px-8 pt-0 pb-8 bg-transparent\">\n      <div class=\"w-full max-w-xl mx-auto -mt-6\">\n        <label for=\"property-address\" class=\"sr-only\">Property Address</label>\n        <div class=\"relative\">\n          <input\n            id=\"property-address\"\n            ref=\"inputRef\"\n            v-model=\"inputValue\"\n            :disabled=\"disabled\"\n            :placeholder=\"placeholder\"\n            type=\"text\"\n            :class=\"[\n              'w-full px-4 py-4 pl-12 text-lg bg-white border-2 border-gray-200',\n              getRoundedClass(rounded),\n              'focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20',\n              'transition-all duration-200',\n              'shadow-lg',\n              { 'border-red-500': error },\n              { 'bg-gray-100 cursor-not-allowed': disabled },\n            ]\"\n            @update:modelValue=\"$emit('update:model-value', $event)\"\n          />\n          <span class=\"absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-5 w-5\"\n              viewBox=\"0 0 20 20\"\n              fill=\"currentColor\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                d=\"M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z\"\n                clip-rule=\"evenodd\"\n              />\n            </svg>\n          </span>\n        </div>\n        <span v-if=\"error\" class=\"text-red-500 text-sm mt-2 block\">{{ error }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n  /* Google Places Autocomplete dropdown styling - can't be done with Tailwind */\n  .pac-container {\n    @apply border border-gray-200 mt-2 shadow-xl;\n    border-top: none;\n  }\n\n  .pac-container[style] {\n    border-radius: inherit;\n  }\n\n  .pac-item {\n    @apply px-4 py-3 cursor-pointer transition-colors duration-150;\n  }\n\n  .pac-item:hover {\n    @apply bg-teal-50;\n  }\n\n  .pac-item-selected {\n    @apply bg-teal-50;\n  }\n\n  .pac-icon {\n    @apply text-teal-500;\n  }\n\n  .pac-item-query {\n    @apply text-gray-900 font-medium;\n  }\n\n  .pac-matched {\n    @apply text-teal-600 font-semibold;\n  }\n</style>\n","import script from \"./AddressAutocomplete.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddressAutocomplete.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddressAutocomplete.vue?vue&type=style&index=0&id=269d9963&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n  import AddressAutocomplete from '../AddressAutocomplete.vue';\n\n  defineProps({\n    modelValue: {\n      type: String,\n      required: true,\n    },\n  });\n\n  const emit = defineEmits(['update:modelValue', 'next']);\n\n  const updateValue = (value) => {\n    emit('update:modelValue', value);\n  };\n\n  const handleNext = () => {\n    emit('next');\n  };\n</script>\n\n<template>\n  <div>\n    <div class=\"mb-6\">\n      <AddressAutocomplete\n        :model-value=\"modelValue\"\n        placeholder=\"Enter your property address\"\n        @update:model-value=\"updateValue\"\n      />\n    </div>\n    <div class=\"text-right\">\n      <button\n        class=\"bg-teal-500 text-white px-6 py-2 rounded-md hover:bg-teal-600 transition-colors\"\n        @click=\"handleNext\"\n      >\n        Next\n      </button>\n    </div>\n  </div>\n</template>\n","import script from \"./StepOne.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StepOne.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { ref } from 'vue';\n\nexport default function useApi(options = { useVersion: true }) {\n  const baseUrl = process.env.VUE_APP_API_BASE_URL || 'https://localhost:3000';\n  const version = 1;\n  const getXsrfToken = () => {\n    const cookies = document.cookie.split(';');\n    const xsrfCookie = cookies.find((cookie) => cookie.trim().startsWith('XSRF-TOKEN='));\n    return xsrfCookie ? decodeURIComponent(xsrfCookie.split('=')[1]) : null;\n  };\n\n  const request = async (endpoint, options = {}) => {\n    const baseUrlTrimmed = baseUrl.replace(/^\\/|\\/$/g, '');\n    const endpointTrimmed = endpoint.replace(/^\\/|\\/$/g, '');\n    const trimUrl = options.useVersion\n      ? `${baseUrlTrimmed}/v${version}/${endpointTrimmed}`\n      : `${baseUrlTrimmed}/${endpointTrimmed}`;\n    const loading = ref(false);\n    loading.value = true;\n\n    try {\n      const defaultHeaders = {\n        'Content-Type': 'application/json',\n        Accept: 'application/json',\n        'X-XSRF-TOKEN': getXsrfToken(),\n      };\n\n      const response = await fetch(`${trimUrl}`, {\n        ...options,\n        credentials: 'include',\n        mode: 'cors',\n        headers: {\n          ...defaultHeaders,\n          ...options.headers,\n        },\n      });\n\n      const data = await response.json().catch(() => null);\n\n      if (response.status === 419) {\n        return {\n          data: null,\n          error: 'CSRF token mismatch. Please refresh the page.',\n          loading,\n        };\n      }\n\n      if (!response.ok) {\n        return {\n          data: null,\n          error: data?.message || `API request failed with status ${response.status}`,\n          loading,\n        };\n      }\n\n      return { data, error: null, loading };\n    } catch (err) {\n      return {\n        data: null,\n        error: err.message || 'Network error occurred',\n        loading,\n      };\n    } finally {\n      loading.value = false;\n    }\n  };\n\n  const get = (endpoint, requestOptions = {}) => {\n    return request(endpoint, { ...requestOptions, method: 'GET', useVersion: options.useVersion });\n  };\n\n  const post = (endpoint, data, requestOptions = {}) => {\n    return request(endpoint, {\n      ...requestOptions,\n      method: 'POST',\n      body: JSON.stringify(data),\n      useVersion: options.useVersion,\n    });\n  };\n\n  const put = (endpoint, data, requestOptions = {}) => {\n    return request(endpoint, {\n      ...requestOptions,\n      method: 'PUT',\n      body: JSON.stringify(data),\n      useVersion: options.useVersion,\n    });\n  };\n\n  const remove = (endpoint, requestOptions = {}) => {\n    return request(endpoint, {\n      ...requestOptions,\n      method: 'DELETE',\n      useVersion: options.useVersion,\n    });\n  };\n\n  return {\n    get,\n    post,\n    put,\n    remove,\n  };\n}\n","import useApi from './useApi';\n\nexport default function useCalculatorApi() {\n  const api = useApi();\n\n  const placeEagleViewOrder = (orderData) =>\n    api.post('/calculate', {\n      full_address: orderData.fullAddress,\n      first_name: orderData.firstName,\n      last_name: orderData.lastName,\n      email: orderData.email,\n      phone: orderData.phone,\n      roofing: orderData.roofingType,\n      gutter: orderData.gutterType,\n      addon: orderData.addons,\n    });\n\n  return {\n    placeEagleViewOrder,\n  };\n}\n","import useApi from './useApi';\n\nexport default function useProductsApi() {\n  const api = useApi();\n\n  const getProducts = () => api.get('/products');\n\n  return {\n    getProducts,\n  };\n}\n","export const ProductType = {\n  Roofing: 1,\n  Gutter: 2,\n  Addon: 3,\n};\n\nexport const UnitType = {\n  PerSquare: 1,\n  PerFoot: 2,\n  PerUnit: 3,\n};\n","<script setup>\n  import { computed, ref, watch, onMounted } from 'vue';\n  import useCalculatorApi from '@/composables/useCalculatorApi';\n  import useProductsApi from '@/composables/useProductsApi';\n  import { ProductType, UnitType } from '@/types/enums';\n\n  const props = defineProps({\n    modelValue: {\n      type: Object,\n      default: () => ({\n        fullAddress: '',\n        firstName: '',\n        lastName: '',\n        email: '',\n        phone: '',\n        roofingType: '',\n        gutterType: '',\n        addons: '',\n      }),\n    },\n  });\n\n  const emit = defineEmits([\n    'update:modelValue',\n    'back',\n    'submit',\n    'next',\n    'error',\n    'order-success',\n  ]);\n\n  const { placeEagleViewOrder } = useCalculatorApi();\n  const { getProducts } = useProductsApi();\n  const products = ref([]);\n  const productsLoading = ref(false);\n  const productsError = ref(null);\n  const submitLoading = ref(false);\n\n  const roofingProducts = computed(\n    () => products.value?.filter((product) => product.type === ProductType.Roofing) ?? []\n  );\n\n  // Only keep the needed computed properties\n  // const gutterProducts = computed(\n  //   () => products.value?.filter((product) => product.type === ProductType.Gutter) ?? []\n  // );\n  // const addonProducts = computed(\n  //   () => products.value?.filter((product) => product.type === ProductType.Addon) ?? []\n  // );\n\n  const getFormattedProduct = (product) => {\n    const unitDisplay =\n      {\n        [UnitType.PerSquare]: 'square',\n        [UnitType.PerFoot]: 'ft',\n        [UnitType.PerUnit]: 'each',\n      }[product.unit] || '';\n\n    return `${product.name} - $${product.price}/${unitDisplay}`;\n  };\n\n  // Comment out unused computed properties\n  const formattedRoofingProducts = computed(() =>\n    roofingProducts.value.map((product) => ({\n      ...product,\n      display: getFormattedProduct(product),\n    }))\n  );\n\n  // Commenting out unused computed properties\n  // const formattedGutterProducts = computed(() =>\n  //   gutterProducts.value.map((product) => ({\n  //     ...product,\n  //     display: getFormattedProduct(product),\n  //   }))\n  // );\n\n  // const formattedAddonProducts = computed(() =>\n  //   addonProducts.value.map((product) => ({\n  //     ...product,\n  //     display: getFormattedProduct(product),\n  //   }))\n  // );\n\n  const formData = ref({ ...props.modelValue });\n\n  watch(formData, (newVal) => {\n    emit('update:modelValue', newVal);\n  });\n\n  onMounted(async () => {\n    productsLoading.value = true;\n    try {\n      const response = await getProducts();\n      if (response.data) {\n        const productsData = response.data.data;\n        const defaultRoofing = productsData.find(\n          (p) => p.type === ProductType.Roofing && p.name.toLowerCase().includes('3 tab shingle')\n        );\n\n        const updatedFormData = { ...formData.value };\n\n        if (defaultRoofing) {\n          updatedFormData.roofingType = defaultRoofing.id.toString();\n        }\n\n        updatedFormData.addons = '';\n        products.value = productsData;\n        formData.value = updatedFormData;\n      }\n    } catch (error) {\n      productsError.value = error;\n    } finally {\n      productsLoading.value = false;\n    }\n  });\n\n  const mapImageUrl = computed(() => {\n    if (!formData.value.fullAddress) return '';\n    const apiKey = process.env.VUE_APP_GOOGLE_MAPS_API_KEY || '';\n    if (!apiKey) {\n      console.warn('Google Maps API key not found in environment variables');\n      return '';\n    }\n    return `https://maps.googleapis.com/maps/api/staticmap?center=${encodeURIComponent(formData.value.fullAddress)}\n    &zoom=20\n    &size=800x600\n    &maptype=satellite\n    &heading=0\n    &pitch=45\n    &key=${apiKey}`.replace(/\\s+/g, '');\n  });\n\n  const handleSubmit = async () => {\n    if (!formData.value.email) {\n      emit('error', 'Please enter your email');\n      return;\n    }\n\n    try {\n      submitLoading.value = true;\n      const response = await placeEagleViewOrder(formData.value);\n      const { data } = response;\n\n      if (data) {\n        let uuid = null;\n\n        // Extract UUID based on response structure\n        if (Array.isArray(data)) {\n          [uuid] = data;\n        } else if (typeof data === 'string') {\n          uuid = data;\n        } else if (data.data) {\n          // Handle nested data object\n          const nestedData = data.data;\n          uuid = Array.isArray(nestedData) && nestedData.length > 0 ? nestedData[0] : nestedData;\n        }\n\n        if (uuid) {\n          emit('order-success', uuid);\n        }\n\n        // Always move to next step, even if UUID extraction failed\n        emit('next');\n      } else {\n        emit('next');\n      }\n    } catch (err) {\n      emit('error', err.message || 'Failed to submit order');\n    } finally {\n      submitLoading.value = false;\n    }\n  };\n</script>\n\n<template>\n  <div>\n    <div\n      class=\"bg-gradient-to-r from-teal-500 to-teal-600 p-8 pb-20 relative overflow-hidden rounded-xl\"\n    >\n      <div class=\"absolute inset-0 bg-white/10 transform -skew-y-6\"></div>\n      <div class=\"relative z-10 text-center\">\n        <span\n          class=\"inline-block px-4 py-1 bg-white/20 rounded-full text-white text-sm font-medium mb-6 backdrop-blur-sm\"\n          >Step 2 of 3</span\n        >\n        <div\n          class=\"w-20 h-20 mx-auto mb-6 bg-white rounded-full p-4 shadow-lg transform transition-transform hover:scale-105\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"w-full h-full text-teal-500\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n          >\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\n            />\n          </svg>\n        </div>\n        <h2 class=\"text-4xl font-bold text-white mb-3\">Contact Information</h2>\n        <p class=\"text-white/90 text-lg max-w-xl mx-auto\">\n          Tell us how to reach you with your estimate\n        </p>\n      </div>\n    </div>\n\n    <div class=\"px-8 -mt-16 pb-8 bg-transparent\">\n      <div class=\"max-w-4xl mx-auto\">\n        <div class=\"mb-8\">\n          <div class=\"relative\">\n            <div\n              class=\"p-6 bg-white rounded-xl border-2 border-teal-100 shadow-lg hover:border-teal-200 transition-colors\"\n            >\n              <div class=\"flex flex-col gap-6\">\n                <div v-if=\"formData.fullAddress\" class=\"w-full rounded-lg overflow-hidden\">\n                  <img\n                    :src=\"mapImageUrl\"\n                    :alt=\"'Aerial view of ' + formData.fullAddress\"\n                    class=\"w-full h-64 md:h-96 object-cover rounded-lg shadow-lg\"\n                    @error=\"$event.target.style.display = 'none'\"\n                  />\n                  <div class=\"mt-4 text-center\">\n                    <div class=\"text-gray-900 font-medium text-lg\">{{ formData.fullAddress }}</div>\n                    <button\n                      class=\"mt-2 text-sm text-teal-600 hover:text-teal-700 inline-flex items-center gap-1\"\n                      @click=\"emit('back')\"\n                    >\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"h-4 w-4\"\n                        viewBox=\"0 0 20 20\"\n                        fill=\"currentColor\"\n                      >\n                        <path\n                          fill-rule=\"evenodd\"\n                          d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\"\n                          clip-rule=\"evenodd\"\n                        />\n                      </svg>\n                      Change Address\n                    </button>\n                  </div>\n                </div>\n                <div v-else class=\"text-center py-8\">\n                  <div\n                    class=\"w-16 h-16 mx-auto mb-4 rounded-full bg-teal-50 flex items-center justify-center\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      class=\"h-8 w-8 text-teal-500\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"currentColor\"\n                    >\n                      <path\n                        d=\"M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z\"\n                      />\n                    </svg>\n                  </div>\n                  <div class=\"text-gray-500\">No address selected</div>\n                  <button\n                    class=\"mt-4 text-sm text-teal-600 hover:text-teal-700 inline-flex items-center gap-1\"\n                    @click=\"emit('back')\"\n                  >\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      class=\"h-4 w-4\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"currentColor\"\n                    >\n                      <path\n                        fill-rule=\"evenodd\"\n                        d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\"\n                        clip-rule=\"evenodd\"\n                      />\n                    </svg>\n                    Select Address\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"mb-8\">\n          <div class=\"grid grid-cols-1 gap-6\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div>\n                <label class=\"block text-gray-700 text-sm font-medium mb-2\"> First Name * </label>\n                <input\n                  v-model=\"formData.firstName\"\n                  type=\"text\"\n                  class=\"w-full px-4 py-3 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"\n                  placeholder=\"Enter your first name\"\n                />\n              </div>\n              <div>\n                <label class=\"block text-gray-700 text-sm font-medium mb-2\"> Last Name * </label>\n                <input\n                  v-model=\"formData.lastName\"\n                  type=\"text\"\n                  class=\"w-full px-4 py-3 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"\n                  placeholder=\"Enter your last name\"\n                />\n              </div>\n              <div>\n                <label class=\"block text-gray-700 text-sm font-medium mb-2\"> Phone Number * </label>\n                <input\n                  v-model=\"formData.phone\"\n                  type=\"tel\"\n                  class=\"w-full px-4 py-3 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"\n                  placeholder=\"Enter your phone number\"\n                />\n              </div>\n              <div>\n                <label class=\"block text-gray-700 text-sm font-medium mb-2\">\n                  Email Address *\n                </label>\n                <input\n                  v-model=\"formData.email\"\n                  type=\"email\"\n                  class=\"w-full px-4 py-3 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"\n                  placeholder=\"Enter your email\"\n                />\n              </div>\n            </div>\n\n            <div class=\"space-y-6 mt-6\">\n              <div v-if=\"productsLoading\" class=\"py-4 text-center\">\n                <div\n                  class=\"animate-spin rounded-full h-8 w-8 border-b-2 border-teal-500 mx-auto\"\n                ></div>\n                <p class=\"mt-2 text-gray-600\">Loading product options...</p>\n              </div>\n\n              <div v-else-if=\"productsError\" class=\"p-4 bg-red-50 rounded-lg\">\n                <div class=\"flex items-center\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"h-5 w-5 text-red-400 mr-2\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fill-rule=\"evenodd\"\n                      d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\n                      clip-rule=\"evenodd\"\n                    />\n                  </svg>\n                  <p class=\"text-red-600\">\n                    Failed to load products. Please try refreshing the page.\n                  </p>\n                </div>\n              </div>\n\n              <div v-else>\n                <div class=\"space-y-8\">\n                  <div\n                    class=\"bg-white p-6 rounded-xl border-2 border-gray-100 hover:border-teal-100 transition-colors\"\n                  >\n                    <div class=\"flex items-start gap-6\">\n                      <div\n                        class=\"w-32 h-32 flex-shrink-0 bg-teal-50 rounded-lg flex items-center justify-center p-6\"\n                      >\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          class=\"w-full h-full text-teal-600\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"none\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                        >\n                          <path\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            d=\"M3 21V10l9-9 9 9v11M5 21V12h14v9M9 14v3m6-3v3\"\n                          />\n                        </svg>\n                      </div>\n                      <div class=\"flex-grow\">\n                        <label class=\"block text-gray-700 text-lg font-medium mb-2\">\n                          Select Roofing Type *\n                        </label>\n                        <p class=\"text-gray-500 text-sm mb-4\">\n                          Choose your roofing material (priced per square)\n                        </p>\n                        <div class=\"relative\">\n                          <select\n                            v-model=\"formData.roofingType\"\n                            class=\"w-full appearance-none px-4 py-3 pr-10 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"\n                          >\n                            <option value=\"\">Select a roofing type</option>\n                            <option\n                              v-for=\"product in formattedRoofingProducts\"\n                              :key=\"product.id\"\n                              :value=\"product.id\"\n                            >\n                              {{ product.name }} - ${{ product.price }}\n                            </option>\n                          </select>\n                          <div\n                            class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n                          >\n                            <svg\n                              class=\"fill-current h-4 w-4\"\n                              xmlns=\"http://www.w3.org/2000/svg\"\n                              viewBox=\"0 0 20 20\"\n                            >\n                              <path\n                                d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n                              />\n                            </svg>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n\n                  <!--                  <div-->\n                  <!--                    class=\"bg-white p-6 rounded-xl border-2 border-gray-100 hover:border-teal-100 transition-colors\"-->\n                  <!--                  >-->\n                  <!--                    <div class=\"flex items-start gap-6\">-->\n                  <!--                      <div-->\n                  <!--                        class=\"w-32 h-32 flex-shrink-0 bg-teal-50 rounded-lg flex items-center justify-center p-6\"-->\n                  <!--                      >-->\n                  <!--                        <svg-->\n                  <!--                          xmlns=\"http://www.w3.org/2000/svg\"-->\n                  <!--                          class=\"w-full h-full text-teal-600\"-->\n                  <!--                          viewBox=\"0 0 24 24\"-->\n                  <!--                          fill=\"none\"-->\n                  <!--                          stroke=\"currentColor\"-->\n                  <!--                          stroke-width=\"2\"-->\n                  <!--                        >-->\n                  <!--                          <path-->\n                  <!--                            stroke-linecap=\"round\"-->\n                  <!--                            stroke-linejoin=\"round\"-->\n                  <!--                            d=\"M7 21V7l5-5 5 5v14M4 10h16M4 14h16M4 18h16\"-->\n                  <!--                          />-->\n                  <!--                        </svg>-->\n                  <!--                      </div>-->\n                  <!--                      <div class=\"flex-grow\">-->\n                  <!--                        <label class=\"block text-gray-700 text-lg font-medium mb-2\">-->\n                  <!--                          Select Gutter Type-->\n                  <!--                        </label>-->\n                  <!--                        <p class=\"text-gray-500 text-sm mb-4\">-->\n                  <!--                          Choose your gutter system (priced per foot)-->\n                  <!--                        </p>-->\n                  <!--                        <div class=\"relative\">-->\n                  <!--                          <select-->\n                  <!--                            v-model=\"formData.gutterType\"-->\n                  <!--                            class=\"w-full appearance-none px-4 py-3 pr-10 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"-->\n                  <!--                          >-->\n                  <!--                            <option value=\"\">Select a gutter type</option>-->\n                  <!--                            <option-->\n                  <!--                              v-for=\"product in formattedGutterProducts\"-->\n                  <!--                              :key=\"product.id\"-->\n                  <!--                              :value=\"product.id\"-->\n                  <!--                            >-->\n                  <!--                              {{ product.name }} - ${{ product.price }}-->\n                  <!--                            </option>-->\n                  <!--                          </select>-->\n                  <!--                          <div-->\n                  <!--                            class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"-->\n                  <!--                          >-->\n                  <!--                            <svg-->\n                  <!--                              class=\"fill-current h-4 w-4\"-->\n                  <!--                              xmlns=\"http://www.w3.org/2000/svg\"-->\n                  <!--                              viewBox=\"0 0 20 20\"-->\n                  <!--                            >-->\n                  <!--                              <path-->\n                  <!--                                d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"-->\n                  <!--                              />-->\n                  <!--                            </svg>-->\n                  <!--                          </div>-->\n                  <!--                        </div>-->\n                  <!--                      </div>-->\n                  <!--                    </div>-->\n                  <!--                  </div>-->\n\n                  <!--                  <div-->\n                  <!--                    class=\"bg-white p-6 rounded-xl border-2 border-gray-100 hover:border-teal-100 transition-colors\"-->\n                  <!--                  >-->\n                  <!--                    <div class=\"flex items-start gap-6\">-->\n                  <!--                      <div-->\n                  <!--                        class=\"w-32 h-32 flex-shrink-0 bg-teal-50 rounded-lg flex items-center justify-center p-6\"-->\n                  <!--                      >-->\n                  <!--                        <svg-->\n                  <!--                          xmlns=\"http://www.w3.org/2000/svg\"-->\n                  <!--                          class=\"w-full h-full text-teal-600\"-->\n                  <!--                          viewBox=\"0 0 24 24\"-->\n                  <!--                          fill=\"none\"-->\n                  <!--                          stroke=\"currentColor\"-->\n                  <!--                          stroke-width=\"2\"-->\n                  <!--                        >-->\n                  <!--                          <path-->\n                  <!--                            stroke-linecap=\"round\"-->\n                  <!--                            stroke-linejoin=\"round\"-->\n                  <!--                            d=\"M12 4v16m8-8H4m4-4l8 8m0-8l-8 8\"-->\n                  <!--                          />-->\n                  <!--                        </svg>-->\n                  <!--                      </div>-->\n                  <!--                      <div class=\"flex-grow\">-->\n                  <!--                        <label class=\"block text-gray-700 text-lg font-medium mb-2\">-->\n                  <!--                          Additional Products-->\n                  <!--                        </label>-->\n                  <!--                        <p class=\"text-gray-500 text-sm mb-4\">-->\n                  <!--                          Select additional features (priced per unit)-->\n                  <!--                        </p>-->\n                  <!--                        <div class=\"relative\">-->\n                  <!--                          <select-->\n                  <!--                            v-model=\"formData.addons\"-->\n                  <!--                            class=\"w-full appearance-none px-4 py-3 pr-10 text-gray-900 bg-white border-2 border-gray-200 rounded-lg focus:outline-none focus:border-teal-500 focus:ring-2 focus:ring-teal-500/20 transition-all duration-200\"-->\n                  <!--                          >-->\n                  <!--                            <option value=\"\">Select additional product</option>-->\n                  <!--                            <option-->\n                  <!--                              v-for=\"product in formattedAddonProducts\"-->\n                  <!--                              :key=\"product.id\"-->\n                  <!--                              :value=\"product.id\"-->\n                  <!--                            >-->\n                  <!--                              {{ product.name }} - ${{ product.price }}-->\n                  <!--                            </option>-->\n                  <!--                          </select>-->\n                  <!--                          <div-->\n                  <!--                            class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"-->\n                  <!--                          >-->\n                  <!--                            <svg-->\n                  <!--                              class=\"fill-current h-4 w-4\"-->\n                  <!--                              xmlns=\"http://www.w3.org/2000/svg\"-->\n                  <!--                              viewBox=\"0 0 20 20\"-->\n                  <!--                            >-->\n                  <!--                              <path-->\n                  <!--                                d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"-->\n                  <!--                              />-->\n                  <!--                            </svg>-->\n                  <!--                          </div>-->\n                  <!--                        </div>-->\n                  <!--                      </div>-->\n                  <!--                    </div>-->\n                  <!--                  </div>-->\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"flex justify-between\">\n          <button\n            class=\"px-6 py-3 bg-white border-2 border-gray-200 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors\"\n            @click=\"emit('back')\"\n          >\n            Back\n          </button>\n          <button\n            class=\"px-6 py-3 bg-teal-500 text-white rounded-lg hover:bg-teal-600 transition-colors\"\n            @click=\"handleSubmit\"\n          >\n            Submit\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","import script from \"./StepTwo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StepTwo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n  import { computed } from 'vue';\n  import { useRouter } from 'vue-router';\n\n  const props = defineProps({\n    orderUuid: {\n      type: String,\n      default: null,\n    },\n  });\n\n  const router = useRouter();\n\n  const hasOrderUuid = computed(() => !!props.orderUuid);\n\n  // Only navigate when the button is clicked\n  const viewOrderStatus = () => {\n    if (props.orderUuid) {\n      router.push(`/preview/${props.orderUuid}`);\n    }\n  };\n</script>\n\n<template>\n  <div class=\"text-center py-10\">\n    <div class=\"mb-6 text-green-500\">\n      <svg class=\"w-20 h-20 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"2\"\n          d=\"M5 13l4 4L19 7\"\n        ></path>\n      </svg>\n    </div>\n    <h2 class=\"text-2xl font-bold mb-4\">Success!</h2>\n    <p class=\"text-gray-600 mb-8\">\n      Your request has been submitted successfully. We will process your estimate shortly.\n    </p>\n\n    <div v-if=\"hasOrderUuid\" class=\"mb-8\">\n      <div class=\"bg-blue-50 border-l-4 border-blue-500 text-blue-700 p-4 rounded-md mb-6\">\n        <p class=\"font-medium\">Want to check your order status?</p>\n        <p class=\"text-sm mb-4\">You can view your order status and track progress at any time.</p>\n        <button\n          class=\"inline-flex items-center gap-2 bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md transition-colors\"\n          @click=\"viewOrderStatus\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class=\"h-5 w-5\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n          >\n            <path\n              fill-rule=\"evenodd\"\n              d=\"M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z\"\n              clip-rule=\"evenodd\"\n            />\n          </svg>\n          Check Order Status\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n","import script from \"./StepThree.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StepThree.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\n  import { ref, reactive } from 'vue';\n  import DefaultLayout from '@/layouts/DefaultLayout.vue';\n  import StepOne from '@/components/steps/StepOne.vue';\n  import StepTwo from '@/components/steps/StepTwo.vue';\n  import StepThree from '@/components/steps/StepThree.vue';\n\n  const currentStep = ref(1);\n  const orderUuid = ref(null); // Store the UUID from the order\n\n  const formData = reactive({\n    fullAddress: '',\n    firstName: '',\n    lastName: '',\n    email: '',\n    phone: '',\n    roofingType: '',\n    gutterType: '',\n    addons: '',\n  });\n\n  const emit = defineEmits(['error']);\n\n  const nextStep = () => {\n    if (currentStep.value === 1 && !formData.fullAddress) {\n      emit('error', 'Please enter your address');\n      return;\n    }\n    currentStep.value += 1;\n  };\n\n  const prevStep = () => {\n    currentStep.value -= 1;\n  };\n\n  const handleOrderSuccess = (uuid) => {\n    orderUuid.value = uuid;\n  };\n</script>\n\n<template>\n  <DefaultLayout>\n    <div class=\"max-w-4xl mx-auto\">\n      <StepOne v-if=\"currentStep === 1\" v-model=\"formData.fullAddress\" @next=\"nextStep\" />\n\n      <StepTwo\n        v-if=\"currentStep === 2\"\n        v-model=\"formData\"\n        @back=\"prevStep\"\n        @next=\"nextStep\"\n        @order-success=\"handleOrderSuccess\"\n      />\n\n      <StepThree v-if=\"currentStep === 3\" :order-uuid=\"orderUuid\" />\n    </div>\n  </DefaultLayout>\n</template>\n","import script from \"./Calculator.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Calculator.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import useApi from './useApi';\n\nexport default function useOrder() {\n  const api = useApi();\n\n  const getOrder = (uuid) => api.get(`/orders/preview/${uuid}`);\n\n  // Add scheduling data to an order\n  const submitSchedule = (uuid, scheduleData) => api.post(`/orders/${uuid}/schedule`, scheduleData);\n\n  return {\n    getOrder,\n    submitSchedule,\n  };\n}\n","<script setup>\n  /* eslint-disable no-use-before-define */\n  import DefaultLayout from '@/layouts/DefaultLayout.vue';\n  import { ref, onMounted, computed, watch } from 'vue';\n  import { useRoute } from 'vue-router';\n  import {\n    format,\n    getYear,\n    getMonth,\n    getDaysInMonth,\n    getDay,\n    addMonths,\n    subMonths,\n  } from 'date-fns';\n  import useOrder from '@/composables/useOrder';\n  import { useNotification } from '@/composables/useNotification';\n\n  const route = useRoute();\n  const { getOrder, submitSchedule } = useOrder();\n  const { showNotification } = useNotification();\n\n  const orderId = computed(() => route.params.uuid);\n  const orderData = ref({});\n  const loading = ref(true);\n  const error = ref(null);\n  const copySuccess = ref(false);\n\n  // Modal state\n  const isSchedulingModalOpen = ref(false);\n  const currentModalStep = ref(1); // 1 = scheduling, 2 = financing\n\n  // Scheduling states\n  const schedulingOption = ref('doesnt_matter'); // Options: doesnt_matter, day_of_week, specific_date\n  const selectedDayOfWeek = ref('');\n  const selectedDate = ref(null);\n  const showDatePicker = ref(false);\n  const schedulingLoading = ref(false);\n  const schedulingError = ref(null);\n  const schedulingSuccess = ref(false);\n\n  // Financing states\n  const selectedFinancingOption = ref('financing'); // Options: financing, cash, credit_card, insurance, pre_approved\n\n  const daysOfWeek = [\n    { value: 'monday', label: 'Monday' },\n    { value: 'tuesday', label: 'Tuesday' },\n    { value: 'wednesday', label: 'Wednesday' },\n    { value: 'thursday', label: 'Thursday' },\n    { value: 'friday', label: 'Friday' },\n    { value: 'saturday', label: 'Saturday' },\n    { value: 'sunday', label: 'Sunday' },\n  ];\n\n  // Current calendar month/year\n  const currentDate = ref(new Date());\n  const currentYear = computed(() => getYear(currentDate.value));\n  const currentMonth = computed(() => getMonth(currentDate.value));\n  const currentMonthName = computed(() => format(currentDate.value, 'MMMM'));\n\n  // Generate calendar days\n  const calendarDays = ref([]);\n\n  function generateCalendarDays() {\n    const days = [];\n    const year = currentYear.value;\n    const month = currentMonth.value;\n\n    // Get the number of days in the current month\n    const daysInMonth = getDaysInMonth(new Date(year, month, 1));\n\n    // Get the day of the week of the first day (0 = Sunday, 1 = Monday, etc.)\n    const firstDayOfMonth = getDay(new Date(year, month, 1));\n\n    // Add days from the previous month to fill the first row\n    const prevMonth = subMonths(new Date(year, month, 1), 1);\n    const daysInPrevMonth = getDaysInMonth(prevMonth);\n    const prevMonthYear = getYear(prevMonth);\n    const prevMonthMonth = getMonth(prevMonth);\n\n    for (let i = firstDayOfMonth - 1; i >= 0; i -= 1) {\n      days.push({\n        day: daysInPrevMonth - i,\n        month: prevMonthMonth,\n        year: prevMonthYear,\n        isPrevMonth: true,\n      });\n    }\n\n    // Add days for the current month\n    for (let i = 1; i <= daysInMonth; i += 1) {\n      days.push({\n        day: i,\n        month,\n        year,\n        isPrevMonth: false,\n        isNextMonth: false,\n      });\n    }\n\n    // Add days from the next month to fill the last row\n    const nextMonth = addMonths(new Date(year, month, 1), 1);\n    const nextMonthYear = getYear(nextMonth);\n    const nextMonthMonth = getMonth(nextMonth);\n    const daysNeeded = 42 - days.length; // 6 rows of 7 days\n\n    for (let i = 1; i <= daysNeeded; i += 1) {\n      days.push({\n        day: i,\n        month: nextMonthMonth,\n        year: nextMonthYear,\n        isNextMonth: true,\n      });\n    }\n\n    calendarDays.value = days;\n  }\n\n  // Calendar navigation\n  const goToPrevMonth = () => {\n    currentDate.value = subMonths(currentDate.value, 1);\n    generateCalendarDays();\n  };\n\n  const goToNextMonth = () => {\n    currentDate.value = addMonths(currentDate.value, 1);\n    generateCalendarDays();\n  };\n\n  const selectDate = (day) => {\n    // Skip selecting dates from prev/next month\n    if (day.isPrevMonth || day.isNextMonth) return;\n\n    selectedDate.value = { ...day };\n    showDatePicker.value = false;\n  };\n\n  const isDateSelected = (day) => {\n    if (!selectedDate.value) return false;\n    return (\n      day.day === selectedDate.value.day &&\n      day.month === selectedDate.value.month &&\n      day.year === selectedDate.value.year\n    );\n  };\n\n  const isToday = (day) => {\n    const today = new Date();\n    return (\n      day.day === today.getDate() &&\n      day.month === today.getMonth() &&\n      day.year === today.getFullYear()\n    );\n  };\n\n  const formatSelectedDate = () => {\n    if (!selectedDate.value) return '';\n    const { day, month, year } = selectedDate.value;\n    const date = new Date(year, month, day);\n    return format(date, 'MM/dd/yyyy');\n  };\n\n  async function submitScheduleData() {\n    schedulingLoading.value = true;\n    schedulingError.value = null;\n    schedulingSuccess.value = false;\n\n    const scheduleData = {\n      preference: schedulingOption.value,\n    };\n\n    if (schedulingOption.value === 'day_of_week' && !selectedDayOfWeek.value) {\n      schedulingError.value = 'Please select a day of the week';\n      schedulingLoading.value = false;\n      return;\n    }\n\n    if (schedulingOption.value === 'specific_date' && !selectedDate.value) {\n      schedulingError.value = 'Please select a date';\n      schedulingLoading.value = false;\n      return;\n    }\n\n    if (schedulingOption.value === 'day_of_week') {\n      scheduleData.dayOfWeek = selectedDayOfWeek.value;\n    }\n\n    if (schedulingOption.value === 'specific_date') {\n      const { day, month, year } = selectedDate.value;\n      const formattedDate = format(new Date(year, month, day), 'yyyy-MM-dd');\n      scheduleData.date = formattedDate;\n    }\n\n    try {\n      await submitSchedule(orderId.value, scheduleData);\n      schedulingSuccess.value = true;\n\n      // Instead of closing the modal, advance to the financing step\n      currentModalStep.value = 2;\n    } catch (err) {\n      schedulingError.value = err.message || 'Failed to submit scheduling preferences';\n    } finally {\n      schedulingLoading.value = false;\n    }\n  }\n\n  // Submit the financing preference\n  function submitFinancingData() {\n    // Here you would submit the financing preference to your API\n    // For now we'll just show a success message and close the modal\n    showNotification('Installation scheduled successfully!', 'success');\n    closeSchedulingModal();\n  }\n\n  const getStatusLabel = (status) => {\n    const statusMap = {\n      0: 'New',\n      1: 'Processing',\n      2: 'Completed',\n      3: 'Failed',\n    };\n    return statusMap[status] || 'Unknown';\n  };\n\n  const isOrderComplete = computed(() => {\n    return orderData.value && orderData.value.status === 2;\n  });\n\n  const pageUrl = computed(() => {\n    return window.location.href;\n  });\n\n  const copyPageUrl = () => {\n    navigator.clipboard\n      .writeText(pageUrl.value)\n      .then(() => {\n        copySuccess.value = true;\n        setTimeout(() => {\n          copySuccess.value = false;\n        }, 2000);\n      })\n      .catch((err) => {\n        console.error('Failed to copy URL:', err);\n      });\n  };\n\n  const getTotalPrice = () => {\n    const insurance = 775;\n    let total = 0;\n    \n    // Create a helper to find recommended waste entry (with suggested=true)\n    const wasteData = orderData.value?.waste_report?.structureWasteTables?.[0]?.structureWasteTable;\n    const getWasteTable = () => {\n      if (!wasteData) return [];\n      \n      const headers = wasteData[0];\n      const areas = wasteData[1];\n      const squares = wasteData[2];\n      const labels = wasteData[3];\n      \n      let results = [];\n      for (let i = 1; i < headers.length; i++) {\n        results.push({\n          waste: parseInt(headers[i]),\n          area: parseFloat(areas[i]),\n          squares: parseFloat(squares[i]),\n          suggested: labels[i] === 'Suggested',\n        });\n      }\n      \n      return results;\n    };\n    \n    const wasteTable = getWasteTable();\n    const recommendedWaste = wasteTable.find(waste => waste.suggested);\n    \n    // For roofing: use squares from recommended waste\n    if (recommendedWaste?.squares && orderData.value?.roofing_product?.price) {\n      total += recommendedWaste.squares * parseFloat(orderData.value.roofing_product.price);\n    }\n\n    // For gutters: just add the price without multiplying by dimensions\n    if (orderData.value?.gutter_product?.price) {\n      total += parseFloat(orderData.value.gutter_product.price);\n    }\n\n    // For addons: use area from recommended waste\n    if (recommendedWaste?.area && orderData.value?.addon_product?.price) {\n      total += recommendedWaste.area * parseFloat(orderData.value.addon_product.price);\n    }\n\n    // Add insurance cost\n    total += insurance;\n\n    // Format with 2 decimal places and no commas for thousands\n    return parseFloat(total.toFixed(2)).toLocaleString('en-US');\n  };\n\n  function closeSchedulingModal() {\n    isSchedulingModalOpen.value = false;\n    // Reset modal state when closing\n    currentModalStep.value = 1;\n    schedulingError.value = null;\n    schedulingSuccess.value = false;\n    // Reset scheduling options\n    schedulingOption.value = 'doesnt_matter';\n    selectedDayOfWeek.value = '';\n    selectedDate.value = null;\n    // Reset financing option\n    selectedFinancingOption.value = 'financing';\n  }\n\n  async function fetchOrder() {\n    loading.value = true;\n    error.value = null;\n\n    try {\n      const { data } = await getOrder(orderId.value);\n      orderData.value = data.data;\n    } catch (err) {\n      error.value = err.message || 'Failed to load order data';\n      retryFetch();\n    } finally {\n      loading.value = false;\n    }\n  }\n\n  function retryFetch() {\n    setTimeout(() => {\n      fetchOrder();\n    }, 3000);\n  }\n\n  function openSchedulingModal() {\n    isSchedulingModalOpen.value = true;\n    // Reset any previous scheduling data\n    schedulingOption.value = 'doesnt_matter';\n    selectedDayOfWeek.value = '';\n    selectedDate.value = null;\n    schedulingError.value = null;\n    schedulingSuccess.value = false;\n  }\n\n  onMounted(() => {\n    fetchOrder();\n    generateCalendarDays();\n  });\n\n  watch(\n    () => route.params.uuid,\n    (newId) => {\n      if (newId) {\n        fetchOrder();\n      }\n    }\n  );\n</script>\n\n<template>\n  <DefaultLayout>\n    <div class=\"max-w-4xl mx-auto p-6\">\n      <div class=\"bg-white dark:bg-slate-900 rounded-lg shadow-lg p-8\">\n        <div class=\"flex items-center justify-between mb-6\">\n          <h1 class=\"text-3xl font-bold\">Order Status</h1>\n          <div class=\"flex items-center gap-3\">\n            <button\n              class=\"flex items-center gap-1 text-gray-600 hover:text-gray-800 bg-gray-100 hover:bg-gray-200 px-3 py-1.5 rounded-md transition-colors\"\n              :class=\"{ 'bg-green-100 text-green-700': copySuccess }\"\n              @click=\"copyPageUrl\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-4 w-4\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path d=\"M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z\" />\n                <path\n                  d=\"M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z\"\n                />\n              </svg>\n              {{ copySuccess ? 'Copied!' : 'Copy Link' }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Processing Banner for incomplete orders -->\n        <div\n          v-if=\"orderData && !isOrderComplete\"\n          class=\"mb-6 bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4 rounded-md\"\n        >\n          <div class=\"flex items-start\">\n            <div class=\"flex-shrink-0\">\n              <svg\n                class=\"h-5 w-5 text-orange-500 mr-2\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </div>\n            <div>\n              <p class=\"font-bold\">Order is still processing</p>\n              <p class=\"text-sm\">\n                Please check back later. Your order is being processed, and more details will be\n                available when completed.\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"loading\" class=\"text-center py-8\">\n          <div class=\"animate-spin rounded-full h-12 w-12 border-b-2 border-teal-500 mx-auto\"></div>\n          <p class=\"mt-4 text-gray-600\">Loading order status...</p>\n        </div>\n\n        <div\n          v-else-if=\"error\"\n          class=\"bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-4 rounded-lg\"\n        >\n          <p>{{ error }}</p>\n          <button\n            class=\"mt-4 text-sm bg-red-100 dark:bg-red-900/40 px-4 py-2 rounded-md hover:bg-red-200 dark:hover:bg-red-900/60 transition-colors\"\n            @click=\"retryFetch\"\n          >\n            Try Again\n          </button>\n        </div>\n\n        <div v-else-if=\"orderData\" class=\"space-y-8\">\n          <div\n            class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium\"\n            :class=\"{\n              'bg-gray-100 text-gray-800': orderData.status === 0,\n              'bg-blue-100 text-blue-800': orderData.status === 1,\n              'bg-green-100 text-green-800': orderData.status === 2,\n              'bg-red-100 text-red-800': orderData.status === 3,\n            }\"\n          >\n            <span\n              class=\"size-2 rounded-full\"\n              :class=\"{\n                'bg-gray-400': orderData.status === 0,\n                'bg-blue-400': orderData.status === 1,\n                'bg-green-400': orderData.status === 2,\n                'bg-red-400': orderData.status === 3,\n              }\"\n            ></span>\n            {{ getStatusLabel(orderData.status) }}\n          </div>\n\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n            <div class=\"space-y-6\">\n              <div>\n                <h2 class=\"text-xl font-semibold mb-4\">Location Details</h2>\n                <div class=\"space-y-2\">\n                  <p><span class=\"font-medium\">Address:</span> {{ orderData.street }}</p>\n                  <p><span class=\"font-medium\">City:</span> {{ orderData.city }}</p>\n                  <p><span class=\"font-medium\">State:</span> {{ orderData.state }}</p>\n                  <p><span class=\"font-medium\">ZIP:</span> {{ orderData.zip }}</p>\n                </div>\n              </div>\n\n              <div>\n                <h2 class=\"text-xl font-semibold mb-4\">Selected Products</h2>\n                <div class=\"space-y-2\">\n                  <p v-if=\"orderData.roofing_product\">\n                    <span class=\"font-medium\">Roofing:</span>\n                    {{ orderData.roofing_product.name }}\n                    <span class=\"text-sm text-gray-600\">\n                      (${{ orderData.roofing_product.price }}/{{\n                        orderData.roofing_product.unit === 1 ? 'sq ft' : 'linear ft'\n                      }})\n                    </span>\n                  </p>\n                  <p v-if=\"orderData.gutter_product\">\n                    <span class=\"font-medium\">Gutter:</span>\n                    {{ orderData.gutter_product.name }}\n                    <span class=\"text-sm text-gray-600\">\n                      (${{ orderData.gutter_product.price }}/{{\n                        orderData.gutter_product.unit === 1 ? 'sq ft' : 'linear ft'\n                      }})\n                    </span>\n                  </p>\n                  <p v-if=\"orderData.addon_product\">\n                    <span class=\"font-medium\">Addon:</span>\n                    {{ orderData.addon_product.name }}\n                    <span class=\"text-sm text-gray-600\">\n                      (${{ orderData.addon_product.price }}/{{\n                        orderData.addon_product.unit === 1 ? 'sq ft' : 'linear ft'\n                      }})\n                    </span>\n                  </p>\n                  <div class=\"mt-4 pt-4 border-t border-gray-200 dark:border-gray-700\">\n                    <p class=\"font-medium text-lg\">\n                      Total Price: <span class=\"text-teal-600\">${{ getTotalPrice() }}</span>\n                    </p>\n                    <p class=\"text-sm text-gray-600\">(Including $775 insurance)</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"space-y-6\">\n              <div v-if=\"orderData.report\">\n                <h2 class=\"text-xl font-semibold mb-4\">Roof Measurements</h2>\n                <div class=\"space-y-4\">\n                  <div class=\"bg-slate-50 dark:bg-slate-800 rounded-lg p-4\">\n                    <p class=\"text-2xl font-bold text-teal-600\">{{ orderData.report.area }}</p>\n                    <p class=\"text-sm text-gray-600\">Total Roof Area</p>\n                  </div>\n\n                  <div class=\"grid grid-cols-2 gap-4\">\n                    <div class=\"bg-slate-50 dark:bg-slate-800 rounded-lg p-4\">\n                      <p class=\"text-xl font-bold\">{{ orderData.report.pitch }}</p>\n                      <p class=\"text-sm text-gray-600\">Roof Pitch</p>\n                    </div>\n                    <div class=\"bg-slate-50 dark:bg-slate-800 rounded-lg p-4\">\n                      <p class=\"text-xl font-bold\">{{ orderData.report.totalRoofFacets }}</p>\n                      <p class=\"text-sm text-gray-600\">Roof Facets</p>\n                    </div>\n                  </div>\n\n                  <div v-if=\"orderData.waste_report?.structureWasteTables?.[0]\">\n                    <h3 class=\"font-medium mb-2\">Suggested Waste Factors</h3>\n                    <div class=\"bg-slate-50 dark:bg-slate-800 rounded-lg p-4\">\n                      <div class=\"space-y-2\">\n                        <p>\n                          <span class=\"font-medium\">Complexity:</span>\n                          {{ orderData.waste_report.structureWasteTables[0].complexity }}\n                        </p>\n                        <p><span class=\"font-medium\">Suggested Waste:</span> 14%</p>\n                        <p>\n                          <span class=\"font-medium\">Total Squares:</span>\n                          {{\n                            orderData.waste_report.structureWasteTables[0].structureWasteTable[2][3]\n                          }}\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <!-- Progress Section -->\n          <div v-if=\"orderData.statusHistory?.length\" class=\"mt-8\">\n            <h2 class=\"text-xl font-semibold mb-4\">Progress</h2>\n            <div class=\"relative\">\n              <div class=\"absolute left-4 top-0 h-full w-0.5 bg-teal-200\"></div>\n              <div\n                v-for=\"(status, index) in orderData.statusHistory\"\n                :key=\"index\"\n                class=\"relative pl-10 pb-6\"\n              >\n                <div class=\"absolute left-2 top-2 size-4 rounded-full bg-teal-500\"></div>\n                <div class=\"bg-slate-50 dark:bg-slate-800 rounded-lg p-4\">\n                  <p class=\"font-medium\">{{ status.status }}</p>\n                  <p class=\"text-sm text-gray-600\">\n                    {{ new Date(status.timestamp).toLocaleString() }}\n                  </p>\n                  <p v-if=\"status.note\" class=\"mt-2 text-gray-700\">{{ status.note }}</p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <!-- Actions Section -->\n          <div class=\"mt-8 flex gap-4 flex-wrap\">\n            <a\n              v-if=\"orderData.report?.reportDownloadLink\"\n              :href=\"orderData.report.reportDownloadLink\"\n              target=\"_blank\"\n              class=\"inline-flex items-center gap-2 bg-teal-500 text-white px-4 py-2 rounded-md hover:bg-teal-600 transition-colors\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 101.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n              Download Report\n            </a>\n\n            <!-- Schedule Installation Button - Only shown when order is complete -->\n            <button\n              v-if=\"isOrderComplete\"\n              class=\"inline-flex items-center gap-2 bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 transition-colors\"\n              @click=\"openSchedulingModal\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-5 w-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"2\"\n                  d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n                />\n              </svg>\n              Schedule Installation\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Scheduling Modal Dialog -->\n    <div v-if=\"isSchedulingModalOpen\" class=\"fixed inset-0 z-[1050] overflow-y-auto\">\n      <!-- Backdrop -->\n      <div\n        class=\"fixed inset-0 bg-black bg-opacity-50 transition-opacity\"\n        @click=\"closeSchedulingModal\"\n      ></div>\n\n      <!-- Modal Content -->\n      <div class=\"flex items-center justify-center min-h-screen p-4\">\n        <div\n          class=\"relative bg-white dark:bg-slate-900 rounded-xl max-w-3xl w-full mx-auto shadow-2xl transform transition-all overflow-hidden\"\n        >\n          <!-- Close Button -->\n          <button\n            class=\"absolute top-4 right-4 text-white/80 hover:text-white z-10 transition-colors\"\n            @click=\"closeSchedulingModal\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"h-6 w-6\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d=\"M6 18L18 6M6 6l12 12\"\n              />\n            </svg>\n          </button>\n\n          <!-- Header -->\n          <div class=\"bg-gradient-to-r from-teal-500 to-teal-600 p-6 rounded-t-lg relative\">\n            <h2 class=\"text-2xl font-bold text-white mb-1\">\n              {{ currentModalStep === 1 ? 'Schedule Your Installation' : 'Payment Options' }}\n            </h2>\n            <p v-if=\"currentModalStep === 1\" class=\"text-white/90 text-sm max-w-xl\">\n              Please select a preferred installation date or day of the week.\n            </p>\n            <p v-else class=\"text-white/90 text-sm max-w-xl\">\n              How would you like to pay for your\n              {{ orderData.roofing_product?.name || 'roofing project' }}?\n            </p>\n\n            <!-- Step indicator -->\n            <div class=\"absolute bottom-0 left-0 right-0 flex justify-center -mb-3\">\n              <div\n                class=\"flex items-center space-x-2 bg-white dark:bg-slate-800 rounded-full px-4 py-1 shadow-md\"\n              >\n                <div class=\"flex items-center\">\n                  <div\n                    :class=\"[\n                      'flex items-center justify-center w-6 h-6 rounded-full font-bold text-sm mr-1',\n                      currentModalStep === 1\n                        ? 'bg-teal-500 text-white'\n                        : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300',\n                    ]\"\n                  >\n                    1\n                  </div>\n                  <span\n                    :class=\"[\n                      'text-xs font-medium',\n                      currentModalStep === 1\n                        ? 'text-teal-800 dark:text-teal-300'\n                        : 'text-gray-500 dark:text-gray-400',\n                    ]\"\n                    >Schedule</span\n                  >\n                </div>\n                <div class=\"w-8 h-px bg-gray-300 dark:bg-gray-600\"></div>\n                <div class=\"flex items-center\">\n                  <div\n                    :class=\"[\n                      'flex items-center justify-center w-6 h-6 rounded-full font-bold text-sm mr-1',\n                      currentModalStep === 2\n                        ? 'bg-teal-500 text-white'\n                        : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300',\n                    ]\"\n                  >\n                    2\n                  </div>\n                  <span\n                    :class=\"[\n                      'text-xs font-medium',\n                      currentModalStep === 2\n                        ? 'text-teal-800 dark:text-teal-300'\n                        : 'text-gray-500 dark:text-gray-400',\n                    ]\"\n                    >Payment</span\n                  >\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <!-- Body -->\n          <div class=\"p-6\">\n            <!-- Step 1: Scheduling Options -->\n            <div v-if=\"currentModalStep === 1\">\n              <div class=\"mb-4 flex items-center\">\n                <input\n                  id=\"scheduling-option-none\"\n                  v-model=\"schedulingOption\"\n                  type=\"radio\"\n                  name=\"scheduling-option\"\n                  value=\"doesnt_matter\"\n                  class=\"h-4 w-4 text-teal-500 focus:ring-teal-400\"\n                />\n                <label for=\"scheduling-option-none\" class=\"ml-2 text-gray-700\">\n                  Doesn't matter\n                </label>\n              </div>\n\n              <div class=\"mb-4 flex items-center\">\n                <input\n                  id=\"scheduling-option-day\"\n                  v-model=\"schedulingOption\"\n                  type=\"radio\"\n                  name=\"scheduling-option\"\n                  value=\"day_of_week\"\n                  class=\"h-4 w-4 text-teal-500 focus:ring-teal-400\"\n                />\n                <label for=\"scheduling-option-day\" class=\"ml-2 text-gray-700\">\n                  Select a day of the week\n                </label>\n              </div>\n\n              <div v-if=\"schedulingOption === 'day_of_week'\" class=\"ml-6 mb-4 mt-2\">\n                <div class=\"relative\">\n                  <select\n                    v-model=\"selectedDayOfWeek\"\n                    class=\"appearance-none block w-full bg-white border border-gray-300 hover:border-gray-400 px-4 py-2 pr-8 rounded-md shadow-sm focus:outline-none focus:ring-teal-500 focus:border-teal-500\"\n                  >\n                    <option value=\"\" disabled>Select a day</option>\n                    <option v-for=\"day in daysOfWeek\" :key=\"day.value\" :value=\"day.value\">\n                      {{ day.label }}\n                    </option>\n                  </select>\n                  <div\n                    class=\"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700\"\n                  >\n                    <svg\n                      class=\"h-4 w-4 fill-current\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                    >\n                      <path\n                        d=\"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z\"\n                      />\n                    </svg>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"mb-4 flex items-center\">\n                <input\n                  id=\"scheduling-option-date\"\n                  v-model=\"schedulingOption\"\n                  type=\"radio\"\n                  name=\"scheduling-option\"\n                  value=\"specific_date\"\n                  class=\"h-4 w-4 text-teal-500 focus:ring-teal-400\"\n                />\n                <label for=\"scheduling-option-date\" class=\"ml-2 text-gray-700\">\n                  Select a date*\n                </label>\n              </div>\n\n              <div v-if=\"schedulingOption === 'specific_date'\" class=\"ml-6 mb-4 mt-2\">\n                <div class=\"relative\">\n                  <input\n                    type=\"text\"\n                    :value=\"formatSelectedDate()\"\n                    readonly\n                    placeholder=\"mm/dd/yyyy\"\n                    class=\"w-full bg-white border border-gray-300 hover:border-gray-400 px-4 py-2 rounded-md shadow-sm focus:outline-none focus:ring-teal-500 focus:border-teal-500\"\n                    @click=\"showDatePicker = !showDatePicker\"\n                  />\n                  <div class=\"absolute top-0 right-0 px-3 py-2\">\n                    <svg class=\"h-5 w-5 text-gray-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                      <path\n                        fill-rule=\"evenodd\"\n                        d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\"\n                        clip-rule=\"evenodd\"\n                      />\n                    </svg>\n                  </div>\n\n                  <div\n                    v-if=\"showDatePicker\"\n                    class=\"fixed inset-0 z-[1070] bg-black bg-opacity-10\"\n                    @click.self=\"showDatePicker = false\"\n                  >\n                    <div\n                      class=\"absolute z-[1071] bg-white border border-gray-300 rounded-md shadow-xl\"\n                      style=\"top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px\"\n                    >\n                      <div class=\"p-3 border-b flex justify-between items-center\">\n                        <button\n                          type=\"button\"\n                          class=\"p-1 hover:bg-gray-100 rounded-md\"\n                          @click=\"goToPrevMonth\"\n                        >\n                          <svg\n                            class=\"h-5 w-5 text-gray-500\"\n                            viewBox=\"0 0 20 20\"\n                            fill=\"currentColor\"\n                          >\n                            <path\n                              fill-rule=\"evenodd\"\n                              d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                              clip-rule=\"evenodd\"\n                            />\n                          </svg>\n                        </button>\n\n                        <div class=\"text-gray-700 font-medium\">\n                          {{ currentMonthName }} {{ currentYear }}\n                        </div>\n\n                        <button\n                          type=\"button\"\n                          class=\"p-1 hover:bg-gray-100 rounded-md\"\n                          @click=\"goToNextMonth\"\n                        >\n                          <svg\n                            class=\"h-5 w-5 text-gray-500\"\n                            viewBox=\"0 0 20 20\"\n                            fill=\"currentColor\"\n                          >\n                            <path\n                              fill-rule=\"evenodd\"\n                              d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                              clip-rule=\"evenodd\"\n                            />\n                          </svg>\n                        </button>\n                      </div>\n\n                      <div class=\"p-2\">\n                        <div class=\"grid grid-cols-7 mb-1\">\n                          <div\n                            v-for=\"day in ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\"\n                            :key=\"day\"\n                            class=\"text-center text-gray-600 text-xs font-medium\"\n                          >\n                            {{ day }}\n                          </div>\n                        </div>\n\n                        <div class=\"grid grid-cols-7 gap-1\">\n                          <button\n                            v-for=\"(day, index) in calendarDays\"\n                            :key=\"index\"\n                            type=\"button\"\n                            class=\"h-8 w-8 text-center text-sm leading-loose rounded-full\"\n                            :class=\"{\n                              'text-gray-400': day.isPrevMonth || day.isNextMonth,\n                              'hover:bg-gray-100': !day.isPrevMonth && !day.isNextMonth,\n                              'bg-teal-500 text-white': isDateSelected(day),\n                              'ring-1 ring-teal-500 font-bold':\n                                isToday(day) && !isDateSelected(day),\n                            }\"\n                            @click=\"selectDate(day)\"\n                          >\n                            {{ day.day }}\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <p class=\"text-gray-500 text-xs mt-1\">\n                  * This date is not guaranteed and is subject to weather. Materials usually arrive\n                  the day before installation. You'll be notified if your installation can be moved\n                  to a sooner date.\n                </p>\n              </div>\n\n              <div v-if=\"schedulingError\" class=\"mt-4 bg-red-50 border-l-4 border-red-400 p-4\">\n                <div class=\"flex\">\n                  <div class=\"flex-shrink-0\">\n                    <svg\n                      class=\"h-5 w-5 text-red-400\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"currentColor\"\n                    >\n                      <path\n                        fill-rule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\n                        clip-rule=\"evenodd\"\n                      />\n                    </svg>\n                  </div>\n                  <div class=\"ml-3\">\n                    <p class=\"text-sm text-red-700\">\n                      {{ schedulingError }}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div\n                v-if=\"schedulingSuccess\"\n                class=\"mt-4 bg-green-50 border-l-4 border-green-400 p-4\"\n              >\n                <div class=\"flex\">\n                  <div class=\"flex-shrink-0\">\n                    <svg\n                      class=\"h-5 w-5 text-green-400\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 20 20\"\n                      fill=\"currentColor\"\n                    >\n                      <path\n                        fill-rule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\n                        clip-rule=\"evenodd\"\n                      />\n                    </svg>\n                  </div>\n                  <div class=\"ml-3\">\n                    <p class=\"text-sm text-green-700\">\n                      Your scheduling preferences have been submitted successfully!\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <!-- Step 2: Financing Options -->\n            <div v-if=\"currentModalStep === 2\" class=\"py-4\">\n              <!-- Title & description -->\n              <div class=\"text-center mb-8\">\n                <h3 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2\">\n                  How would you like to pay?\n                </h3>\n                <p class=\"text-gray-600 dark:text-gray-300\">\n                  Choose your preferred payment option for your\n                  {{ orderData.roofing_product?.name || 'roofing products' }}\n                </p>\n              </div>\n\n              <!-- 100% Financing Option -->\n              <div\n                class=\"border-2 border-teal-300 dark:border-teal-600 rounded-xl mb-8 overflow-hidden transform transition-all hover:shadow-lg\"\n              >\n                <div\n                  class=\"bg-gradient-to-r from-teal-50 to-teal-100 dark:from-teal-900/30 dark:to-teal-800/30 px-1 py-1\"\n                >\n                  <div class=\"bg-white dark:bg-slate-800 p-6 rounded-lg flex flex-col items-center\">\n                    <div\n                      class=\"size-20 bg-teal-100 dark:bg-teal-800/60 rounded-full flex items-center justify-center mb-4 ring-4 ring-white dark:ring-slate-800 shadow-md\"\n                    >\n                      <svg\n                        class=\"size-10 text-teal-600 dark:text-teal-300\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M12 3.5V7.5\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M12 16.5V20.5\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                      </svg>\n                    </div>\n                    <h3 class=\"text-xl font-bold text-teal-800 dark:text-teal-300 text-center\">\n                      100% Financing\n                    </h3>\n                    <p class=\"text-sm text-gray-600 dark:text-gray-300 text-center mt-1\">\n                      <span\n                        class=\"inline-flex items-center px-2.5 py-0.5 rounded-full bg-teal-100 dark:bg-teal-800/50 text-teal-800 dark:text-teal-200 font-medium text-xs\"\n                      >\n                        <svg\n                          class=\"w-3 h-3 mr-1\"\n                          fill=\"currentColor\"\n                          viewBox=\"0 0 20 20\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"\n                          ></path>\n                        </svg>\n                        81% of customers choose this option\n                      </span>\n                    </p>\n                    <ul class=\"mt-4 space-y-3 text-sm\">\n                      <li class=\"flex items-start\">\n                        <svg\n                          class=\"h-5 w-5 text-teal-500 mr-2 flex-shrink-0\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"2\"\n                            d=\"M5 13l4 4L19 7\"\n                          ></path>\n                        </svg>\n                        <span>Choose a plan and monthly payment that work best for you</span>\n                      </li>\n                      <li class=\"flex items-start\">\n                        <svg\n                          class=\"h-5 w-5 text-teal-500 mr-2 flex-shrink-0\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path\n                            stroke-linecap=\"round\"\n                            stroke-linejoin=\"round\"\n                            stroke-width=\"2\"\n                            d=\"M5 13l4 4L19 7\"\n                          ></path>\n                        </svg>\n                        <span\n                          >Roofer will walk you through the finance process when your order is\n                          complete</span\n                        >\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n                <div\n                  class=\"px-6 py-3 bg-teal-50 dark:bg-teal-800/30 flex justify-center items-center\"\n                >\n                  <input\n                    id=\"finance-option\"\n                    v-model=\"selectedFinancingOption\"\n                    type=\"radio\"\n                    name=\"finance-option\"\n                    value=\"financing\"\n                    class=\"size-6 text-teal-500 focus:ring-teal-400\"\n                  />\n                  <label\n                    for=\"finance-option\"\n                    class=\"ml-2 text-sm font-medium text-teal-800 dark:text-teal-200\"\n                    >Select 100% Financing</label\n                  >\n                </div>\n              </div>\n\n              <div class=\"border-t border-gray-200 dark:border-gray-700 pt-6 mb-6\">\n                <p class=\"text-center font-medium text-gray-700 dark:text-gray-300 mb-6\">\n                  All payment options below require a 50% downpayment due upon contract approval and\n                  50% final payment due upon completion of installation.\n                </p>\n              </div>\n\n              <!-- Other payment options in 2x2 grid -->\n              <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <!-- Cash Option -->\n                <div\n                  class=\"border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden transform transition-all hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600\"\n                >\n                  <div class=\"p-5 flex flex-col items-center bg-white dark:bg-slate-800\">\n                    <div\n                      class=\"size-14 bg-blue-50 dark:bg-blue-900/30 rounded-full flex items-center justify-center mb-3\"\n                    >\n                      <svg\n                        class=\"size-8 text-blue-600 dark:text-blue-400\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M18 5H6C4.34315 5 3 6.34315 3 8V16C3 17.6569 4.34315 19 6 19H18C19.6569 19 21 17.6569 21 16V8C21 6.34315 19.6569 5 18 5Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M3 8H21\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M3 16H21\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M7 12H17M12 9V15\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                      </svg>\n                    </div>\n                    <h3 class=\"text-base font-bold text-blue-900 dark:text-blue-300\">Cash</h3>\n                    <p class=\"text-xs text-gray-600 dark:text-gray-400 text-center mt-1\">\n                      I plan to pay with funds from my bank account\n                    </p>\n                  </div>\n                  <div\n                    class=\"px-4 py-2.5 bg-gray-50 dark:bg-gray-800/50 flex justify-center items-center\"\n                  >\n                    <input\n                      id=\"cash-option\"\n                      v-model=\"selectedFinancingOption\"\n                      type=\"radio\"\n                      name=\"finance-option\"\n                      value=\"cash\"\n                      class=\"size-5 text-blue-600 focus:ring-blue-500\"\n                    />\n                    <label\n                      for=\"cash-option\"\n                      class=\"ml-2 text-xs font-medium text-gray-700 dark:text-gray-300\"\n                      >Select Cash</label\n                    >\n                  </div>\n                </div>\n\n                <!-- Credit Card Option -->\n                <div\n                  class=\"border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden transform transition-all hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600\"\n                >\n                  <div class=\"p-5 flex flex-col items-center bg-white dark:bg-slate-800\">\n                    <div\n                      class=\"size-14 bg-purple-50 dark:bg-purple-900/30 rounded-full flex items-center justify-center mb-3\"\n                    >\n                      <svg\n                        class=\"size-8 text-purple-600 dark:text-purple-400\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M21 4H3C1.89543 4 1 4.89543 1 6V18C1 19.1046 1.89543 20 3 20H21C22.1046 20 23 19.1046 23 18V6C23 4.89543 22.1046 4 21 4Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M1 10H23\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M7 15H6\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M11 15H10\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                      </svg>\n                    </div>\n                    <h3 class=\"text-base font-bold text-purple-900 dark:text-purple-300\">\n                      Credit Card\n                    </h3>\n                    <p class=\"text-xs text-gray-600 dark:text-gray-400 text-center mt-1\">\n                      All major credit cards accepted (2.9% transaction fee)\n                    </p>\n                  </div>\n                  <div\n                    class=\"px-4 py-2.5 bg-gray-50 dark:bg-gray-800/50 flex justify-center items-center\"\n                  >\n                    <input\n                      id=\"credit-option\"\n                      v-model=\"selectedFinancingOption\"\n                      type=\"radio\"\n                      name=\"finance-option\"\n                      value=\"credit_card\"\n                      class=\"size-5 text-purple-600 focus:ring-purple-500\"\n                    />\n                    <label\n                      for=\"credit-option\"\n                      class=\"ml-2 text-xs font-medium text-gray-700 dark:text-gray-300\"\n                      >Select Credit Card</label\n                    >\n                  </div>\n                </div>\n\n                <!-- Insurance Option -->\n                <div\n                  class=\"border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden transform transition-all hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600\"\n                >\n                  <div class=\"p-5 flex flex-col items-center bg-white dark:bg-slate-800\">\n                    <div\n                      class=\"size-14 bg-green-50 dark:bg-green-900/30 rounded-full flex items-center justify-center mb-3\"\n                    >\n                      <svg\n                        class=\"size-8 text-green-600 dark:text-green-400\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 4.5L20 8.5V12.5C20 16.8137 16.8137 20 12.5 20H11.5C7.18629 20 4 16.8137 4 12.5V8.5L12 4.5Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M12 9V11\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M12 15H12.01\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                      </svg>\n                    </div>\n                    <h3 class=\"text-base font-bold text-green-900 dark:text-green-300\">\n                      Insurance\n                    </h3>\n                    <p class=\"text-xs text-gray-600 dark:text-gray-400 text-center mt-1\">\n                      I've filed a claim and I have my insurance proceeds\n                    </p>\n                  </div>\n                  <div\n                    class=\"px-4 py-2.5 bg-gray-50 dark:bg-gray-800/50 flex justify-center items-center\"\n                  >\n                    <input\n                      id=\"insurance-option\"\n                      v-model=\"selectedFinancingOption\"\n                      type=\"radio\"\n                      name=\"finance-option\"\n                      value=\"insurance\"\n                      class=\"size-5 text-green-600 focus:ring-green-500\"\n                    />\n                    <label\n                      for=\"insurance-option\"\n                      class=\"ml-2 text-xs font-medium text-gray-700 dark:text-gray-300\"\n                      >Select Insurance</label\n                    >\n                  </div>\n                </div>\n\n                <!-- Pre-approved Option -->\n                <div\n                  class=\"border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden transform transition-all hover:shadow-md hover:border-gray-300 dark:hover:border-gray-600\"\n                >\n                  <div class=\"p-5 flex flex-col items-center bg-white dark:bg-slate-800\">\n                    <div\n                      class=\"size-14 bg-amber-50 dark:bg-amber-900/30 rounded-full flex items-center justify-center mb-3\"\n                    >\n                      <svg\n                        class=\"size-8 text-amber-600 dark:text-amber-400\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                        <path\n                          d=\"M7 13.5L10 16.5L17 9.5\"\n                          stroke=\"currentColor\"\n                          stroke-width=\"2\"\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                        />\n                      </svg>\n                    </div>\n                    <h3 class=\"text-base font-bold text-amber-900 dark:text-amber-300\">\n                      Already Pre-approved\n                    </h3>\n                    <p class=\"text-xs text-gray-600 dark:text-gray-400 text-center mt-1\">\n                      I am working with a personal lender to secure financing\n                    </p>\n                  </div>\n                  <div\n                    class=\"px-4 py-2.5 bg-gray-50 dark:bg-gray-800/50 flex justify-center items-center\"\n                  >\n                    <input\n                      id=\"preapproved-option\"\n                      v-model=\"selectedFinancingOption\"\n                      type=\"radio\"\n                      name=\"finance-option\"\n                      value=\"pre_approved\"\n                      class=\"size-5 text-amber-600 focus:ring-amber-500\"\n                    />\n                    <label\n                      for=\"preapproved-option\"\n                      class=\"ml-2 text-xs font-medium text-gray-700 dark:text-gray-300\"\n                      >Select Pre-approved</label\n                    >\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <!-- Action buttons -->\n            <div class=\"mt-8 flex justify-end space-x-4\">\n\n              <button\n                v-if=\"currentModalStep === 1\"\n                type=\"button\"\n                class=\"px-5 py-2.5 border border-transparent rounded-lg shadow-sm text-sm font-bold text-white bg-gradient-to-r from-teal-500 to-teal-600 hover:from-teal-600 hover:to-teal-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-500 transition-all\"\n                :disabled=\"\n                  schedulingLoading ||\n                  (schedulingOption === 'day_of_week' && !selectedDayOfWeek) ||\n                  (schedulingOption === 'specific_date' && !selectedDate)\n                \"\n                :class=\"{\n                  'opacity-50 cursor-not-allowed':\n                    schedulingLoading ||\n                    (schedulingOption === 'day_of_week' && !selectedDayOfWeek) ||\n                    (schedulingOption === 'specific_date' && !selectedDate),\n                }\"\n                @click=\"submitScheduleData\"\n              >\n                <span v-if=\"!schedulingLoading\" class=\"flex items-center\">\n                  CONTINUE TO PAYMENT\n                  <svg\n                    class=\"ml-1.5 w-4 h-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\n                    ></path>\n                  </svg>\n                </span>\n                <span v-else class=\"flex items-center\">\n                  <svg\n                    class=\"animate-spin -ml-1 mr-2 h-4 w-4 text-white\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <circle\n                      class=\"opacity-25\"\n                      cx=\"12\"\n                      cy=\"12\"\n                      r=\"10\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"4\"\n                    ></circle>\n                    <path\n                      class=\"opacity-75\"\n                      fill=\"currentColor\"\n                      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n                    ></path>\n                  </svg>\n                  PROCESSING...\n                </span>\n              </button>\n\n              <button\n                v-if=\"currentModalStep === 2\"\n                type=\"button\"\n                class=\"px-5 py-2.5 border border-transparent rounded-lg shadow-sm text-sm font-bold text-white bg-gradient-to-r from-teal-500 to-teal-600 hover:from-teal-600 hover:to-teal-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-500 transition-all\"\n                @click=\"submitFinancingData\"\n              >\n                <span class=\"flex items-center\">\n                  COMPLETE\n                  <svg\n                    class=\"ml-1.5 w-4 h-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M5 13l4 4L19 7\"\n                    ></path>\n                  </svg>\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </DefaultLayout>\n</template>\n\n<style scoped>\n  /* Add any additional styles if needed */\n</style>\n","import script from \"./Preview.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Preview.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Preview.vue?vue&type=style&index=0&id=917d1b26&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-917d1b26\"]])\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router';\nimport Index from '../pages/Index.vue';\nimport Calculator from '../pages/Calculator.vue';\nimport Preview from '../pages/Preview.vue';\n\nconst routes = [\n  {\n    path: '/',\n    name: 'index',\n    component: Index,\n  },\n  {\n    path: '/calculator',\n    name: 'Calculator',\n    component: Calculator,\n  },\n  {\n    path: '/preview/:uuid',\n    name: 'Preview',\n    component: Preview,\n  },\n];\n\nconst router = createRouter({\n  history: createWebHistory(process.env.BASE_URL),\n  routes,\n});\n\nexport default router;\n","import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport './assets/scss/tailwind.scss';\nimport './assets/css/materialdesignicons.min.css';\n\ncreateApp(App).use(router).mount('#app');\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdirect_exteriors_landing\"] = self[\"webpackChunkdirect_exteriors_landing\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(3755); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createVNode","_component_NotificationToast","_component_router_view","Component","_createBlock","_resolveDynamicComponent","date","Date","getFullYear","__exports__","notifications","ref","notificationId","useNotification","showNotification","message","type","duration","id","value","push","setTimeout","removeNotification","index","findIndex","notification","splice","clearNotifications","name","components","AppFooter","NotificationToast","mounted","feather","render","config","urls","mainApp","process","apiBase","apiKeys","googleMaps","useAuth","loginUrl","computed","router","useRouter","route","useRoute","toggle","sections","navLi","current","sectionTop","handleScroll","navbar","document","getElementById","body","scrollTop","documentElement","classList","add","remove","onscroll","forEach","section","offsetTop","window","pageYOffset","getAttribute","li","contains","scrollToSection","sectionId","element","scrollIntoView","behavior","handleNavigation","async","event","preventDefault","path","nextTick","Promise","resolve","setupScrollHandlers","location","hash","substring","onMounted","querySelectorAll","addEventListener","onUnmounted","removeEventListener","class","_createElementVNode","href","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_Fragment","_renderList","$data","servicesData","item","key","_hoisted_5","icon","_hoisted_7","_hoisted_8","_toDisplayString","title","_hoisted_9","desc","_hoisted_10","_hoisted_11","data","updated","clientData","_hoisted_6","src","image","alt","_hoisted_13","_hoisted_14","setup","tns","container","controls","mouseDrag","loop","rewind","autoplay","autoplayButtonOutput","autoplayTimeout","navPosition","speed","gutter","responsive","items","client1","client2","client3","client4","client5","client6","script","_imports_0","for","placeholder","getRoundedClass","rounded","classes","none","sm","md","lg","full","inputRef","inputValue","props","modelValue","watch","newValue","googleMapsApiKey","console","log","error","loader","Loader","apiKey","version","placesLib","importLibrary","Autocomplete","autocomplete","componentRestrictions","country","fields","addListener","place","getPlace","formatted_address","emit","updateValue","handleNext","useApi","options","useVersion","baseUrl","getXsrfToken","cookies","cookie","split","xsrfCookie","find","trim","startsWith","decodeURIComponent","request","endpoint","baseUrlTrimmed","replace","endpointTrimmed","trimUrl","loading","defaultHeaders","Accept","response","fetch","credentials","mode","headers","json","catch","status","ok","err","get","requestOptions","method","post","JSON","stringify","put","useCalculatorApi","api","placeEagleViewOrder","orderData","full_address","fullAddress","first_name","firstName","last_name","lastName","email","phone","roofing","roofingType","gutterType","addon","addons","useProductsApi","getProducts","ProductType","Roofing","Gutter","Addon","UnitType","PerSquare","PerFoot","PerUnit","products","productsLoading","productsError","submitLoading","roofingProducts","filter","product","getFormattedProduct","unitDisplay","unit","price","formattedRoofingProducts","map","display","formData","newVal","productsData","defaultRoofing","p","toLowerCase","includes","updatedFormData","toString","mapImageUrl","encodeURIComponent","warn","handleSubmit","uuid","Array","isArray","nestedData","length","hasOrderUuid","orderUuid","viewOrderStatus","currentStep","reactive","nextStep","prevStep","handleOrderSuccess","useOrder","getOrder","submitSchedule","scheduleData","orderId","params","copySuccess","isSchedulingModalOpen","currentModalStep","schedulingOption","selectedDayOfWeek","selectedDate","showDatePicker","schedulingLoading","schedulingError","schedulingSuccess","selectedFinancingOption","daysOfWeek","label","currentDate","currentYear","getYear","currentMonth","getMonth","currentMonthName","format","calendarDays","generateCalendarDays","days","year","month","daysInMonth","getDaysInMonth","firstDayOfMonth","getDay","prevMonth","subMonths","daysInPrevMonth","prevMonthYear","prevMonthMonth","i","day","isPrevMonth","isNextMonth","nextMonth","addMonths","nextMonthYear","nextMonthMonth","daysNeeded","goToPrevMonth","goToNextMonth","selectDate","isDateSelected","isToday","today","getDate","formatSelectedDate","submitScheduleData","preference","dayOfWeek","formattedDate","submitFinancingData","closeSchedulingModal","getStatusLabel","statusMap","isOrderComplete","pageUrl","copyPageUrl","navigator","clipboard","writeText","then","getTotalPrice","insurance","total","wasteData","waste_report","structureWasteTables","structureWasteTable","getWasteTable","areas","squares","labels","results","waste","parseInt","area","parseFloat","suggested","wasteTable","recommendedWaste","roofing_product","gutter_product","addon_product","toFixed","toLocaleString","fetchOrder","retryFetch","openSchedulingModal","newId","routes","component","Index","Calculator","Preview","createRouter","history","createWebHistory","createApp","App","use","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","Object","keys","every","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","g","globalThis","this","Function","e","obj","prop","prototype","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}