{"version":3,"file":"js/app.81d3a03d.js","mappings":"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","sources":["webpack://perfectshoes/./src/store/index.js","webpack://perfectshoes/./src/App.vue","webpack://perfectshoes/./src/App.vue?7ccd","webpack://perfectshoes/./src/store/Order.js","webpack://perfectshoes/./src/components/ProductsPage.vue","webpack://perfectshoes/./src/components/ProductsPage.vue?5dda","webpack://perfectshoes/./src/store/ProductState.js","webpack://perfectshoes/./src/components/AddCategory.vue","webpack://perfectshoes/./src/components/AddCategory.vue?bfcf","webpack://perfectshoes/./src/components/AddProduct.vue","webpack://perfectshoes/./src/components/AddProduct.vue?c6d8","webpack://perfectshoes/./src/components/LoginPage.vue","webpack://perfectshoes/./src/components/LoginPage.vue?8d24","webpack://perfectshoes/./src/components/OrdersDetails.vue","webpack://perfectshoes/./src/components/OrdersDetails.vue?c1fa","webpack://perfectshoes/./src/components/OrdersPage.vue","webpack://perfectshoes/./src/components/OrdersPage.vue?adca","webpack://perfectshoes/./src/components/ProductDetails.vue","webpack://perfectshoes/./src/components/ProductDetails.vue?3da0","webpack://perfectshoes/./src/store/EmployeeState.js","webpack://perfectshoes/./src/components/AddEmployee.vue","webpack://perfectshoes/./src/components/AddEmployee.vue?ea9a","webpack://perfectshoes/./src/components/InventoryPage.vue","webpack://perfectshoes/./src/components/InventoryPage.vue?e423","webpack://perfectshoes/./src/components/ShoppingCart.vue","webpack://perfectshoes/./src/components/ShoppingCart.vue?d705","webpack://perfectshoes/./src/components/OrderConfirmation.vue","webpack://perfectshoes/./src/components/CheckoutPage.vue","webpack://perfectshoes/./src/components/CheckoutPage.vue?b49e","webpack://perfectshoes/./src/store/Address.js","webpack://perfectshoes/./src/components/AddAddress.vue","webpack://perfectshoes/./src/components/AddAddress.vue?60f7","webpack://perfectshoes/./src/store/CreditCardState.js","webpack://perfectshoes/./src/components/AddCreditCard.vue","webpack://perfectshoes/./src/components/AddCreditCard.vue?dbd1","webpack://perfectshoes/./src/components/UpdatePassword.vue","webpack://perfectshoes/./src/components/UpdatePassword.vue?e7e7","webpack://perfectshoes/./src/components/CustomerProfile.vue","webpack://perfectshoes/./src/components/CustomerProfile.vue?751f","webpack://perfectshoes/./src/router/index.js","webpack://perfectshoes/./src/main.js","webpack://perfectshoes/webpack/bootstrap","webpack://perfectshoes/webpack/runtime/chunk loaded","webpack://perfectshoes/webpack/runtime/compat get default export","webpack://perfectshoes/webpack/runtime/define property getters","webpack://perfectshoes/webpack/runtime/global","webpack://perfectshoes/webpack/runtime/hasOwnProperty shorthand","webpack://perfectshoes/webpack/runtime/make namespace object","webpack://perfectshoes/webpack/runtime/jsonp chunk loading","webpack://perfectshoes/webpack/startup"],"sourcesContent":["import { reactive } from 'vue';\nimport $ from 'jquery';\n\nconst userState = reactive({\n    user: JSON.parse(sessionStorage.getItem('user')),\n});\nlet isLoggingInAndCheckingOut = false;\nconst categories = reactive([]);\nconst products = reactive([]);\nconst currentProduct = reactive({});\nconst orders = reactive([]);\nconst cart = reactive({ order: JSON.parse(sessionStorage.getItem('order'))});\nconst  usStates = ['AL','AK','AS','AZ','AR','CA','CO','CT','DE','DC','FM','FL','GA','GU','HI','ID','IL','IN','IA',\n    'KS','KY','LA','ME','MH','MD','MA','MI','MN','MS','MO','MT','NE','NV','NH','NJ','NM','NY','NC','ND','MP','OH',\n    'OK','OR','PW','PA','PR','RI','SC','SD','TN','TX','UT','VT','VI','VA','WA','WV', 'WI','WY'\n];\nconst methods = {\n    async loadProducts() {\n        await $.ajax({\n            url: 'https://perfectshopapi.mutasemalhariri.com/api/Products',\n            method: 'get'\n        }).done(data => {\n            products.value = data;\n        })    \n    },\n\n    async loadOrders() {\n        await $.ajax({\n            url: 'https://perfectshopapi.mutasemalhariri.com/api/Order',\n            method: 'get'\n        }).done(data => {\n            orders.value = data;\n        })\n    },\n\n    async login(email, password) {\n        isLoggingInAndCheckingOut = true;\n        await $.ajax({\n            headers: { \n                'Accept': 'application/json',\n                'Content-Type': 'application/json' \n                },\n            url: 'https://perfectshopapi.mutasemalhariri.com/api/Users',\n            type: 'post',\n            data: JSON.stringify({Email: email, Password: password}),\n            success: (data) => {\n                userState.user = data;\n                sessionStorage.setItem('user', JSON.stringify(userState.user));\n            },\n            error: (jqXHR) => {\n                if(jqXHR.status == 404)\n                userState.user = null;\n            }\n        });\n    },\n    setCurrentProduct(product) {\n        currentProduct.value = product;\n        console.log(currentProduct.value)\n    },\n    logout()\n    {\n        userState.user = null;\n        isLoggingInAndCheckingOut = false;\n        sessionStorage.removeItem('user');\n    },\n    loadCategories() {\n        $.ajax({\n            url: 'https://perfectshopapi.mutasemalhariri.com/api/categories',\n            method: 'get'\n          }).done(data => {\n            console.log(data);\n            categories.value = data;\n            console.log(categories);\n          });\n    },\n    persistCart() {\n        sessionStorage.setItem('order', JSON.stringify(cart.order));\n    },\n};\n\nexport default {\n userState,\n methods,\n products,\n orders,\n currentProduct,\n cart,\n categories,\n isLoggingInAndCheckingOut,\n usStates\n}\n","<template>\n  <div>\n    <nav>\n      <div class=\"nav nav-tabs justify-content-end mb-4\" role=\"tablist\">\n        <a class=\"nav-item nav-link\" data-toggle=\"tab\" @click=\"doRoute('products')\"\n        role=\"tab\">Shop</a>\n        <a v-if=\"isAdmin()\" class=\"nav-item nav-link\" data-toggle=\"tab\" @click=\"doRoute('inventory')\"\n        role=\"tab\">Inventory</a>\n        <a v-if=\"isAdmin()\" class=\"nav-item nav-link\" data-toggle=\"tab\" @click=\"doRoute('orders')\"\n        role=\"tab\">Orders</a>\n        <a v-if=\"isCustomer\" class=\"nav-item nav-link\" title=\"Shopping Cart\" data-toggle=\"tab tooltip\" @click=\"doRoute('cart')\"\n        role=\"tab\"><font-awesome-icon id=\"cart\" icon=\"fa-solid fa-cart-shopping\" size=\"2x\" /></a>\n        <a class=\"nav-item nav-link \" data-toggle=\"tab tooltip\" @click=\"doRoute('login')\"\n        role=\"tab\"><font-awesome-icon id=\"cart\" icon=\"fa-solid fa-user\" size=\"2x\" /></a>\n        <a v-if=\"store.userState.user !== null\" class=\"nav-item nav-link \"\n         data-toggle=\"tab tooltip\" @click=\"logout()\"\n        role=\"tab\"><font-awesome-icon id=\"cart\" icon=\"fa-solid fa-sign-out\" size=\"2x\" /></a>\n      </div>\n    </nav>\n    <router-view/>\n  </div>\n</template>\n\n<script setup>\nimport { useRouter } from 'vue-router';\nimport { provide, computed } from 'vue';\nimport store from '@/store';\n\nprovide('store', store);\nconst isCustomer = computed(() => {\nreturn (store.userState.user === null | !isAdmin())\n});\nconst router = useRouter();\n\nrouter.beforeEach((to, from, next) => {\n      if(to.path === '/login') {\n        if(isAdmin()) {\n          next('/inventory');\n        }\n        else if(store.userState.user !== null) {\n          next('/customer');\n        }\n        else {\n          next();\n        }\n      }\n      else if(to.path === '/inventory' || to.path === '/orders')\n      {\n        if (isAdmin()) {\n          next();\n        }\n        else {\n          next('/');\n        }\n      }\n      else if(to.path ==='/customer')\n      {\n        if(store.userState.user!==null){\n          next();\n        } else {\n          next('/');\n        }\n\n      }\n      else {\n        next();\n      }\n});\n\nfunction doRoute(whereTo) {\n switch(whereTo) {\n  case 'home':\n    router.push('/home');\n    break;\n  case 'hello':\n    router.push('/hello');\n    break;\n  case 'products':\n    router.push('/');\n    break;\n    case 'productDetails':\n    router.push('/productDetails');\n    break;\n  case 'add':\n    router.push('/add');\n    break;\n  case 'test':\n    router.push('/test');\n    break;\n  case 'login':\n    router.push('/login');\n    break;\n  case 'inventory':\n    router.push('/inventory');\n    break;\n  case 'cart':\n    router.push('/cart');\n    break;\n  case 'checkout':\n    router.push('/checkout')\n    break;\n  case 'customer':\n    router.push('/customer')\n    break;\n  case 'orders':\n    router.push('/orders')\n    break;\n  case 'orderDetails':\n    router.push('orderDetails')\n    break;\n  default:\n    router.push('/');\n }\n}\n\nfunction logout() {\n  store.methods.logout()\n  doRoute('login')\n}\n\nfunction isAdmin(){\n  return store.userState.user !== null && store.userState.user.isAdmin;\n}\n</script>\n\n<style>\n#app {\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  margin-top: 40px;\n}\na {\n  cursor: pointer;\n}\n.p-dialog-title {\n  margin: 0 auto;\n}\n.p-speeddial {\n    position: relative !important; \n}\n.p-speeddial-button.p-button {\n  margin-top: 5px;\n  width: 50px !important;\n  height: 50px !important;\n}\n#cart {\n  width: 50%;\n  margin: 0 auto;\n}\n\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=61aa25ee&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","export default class Order {\n    constructor() {\n        this.customer = {\n            \"firstName\": \"\",\n            \"lastName\": \"\",\n            \"email\": \"\",\n            \"address\": {\n                    \"addressLine1\": \"\",\n                    \"addressLine2\": \"\",\n                    \"city\": \"\",\n                    \"state\": \"\",\n                    \"zip\": \"\"\n                },\n            \"creditCard\": {\n                    \"nameOnCard\": \"\",\n                    \"cardNumber\": \"\",\n                    \"cvc\": \"\",\n                    \"exprDate\": null \n                },\n        }\n        this.subtotal = 0.00,\n        this.tax = 0.00,\n        this.total = 0.00,\n        this.lineItems = [],\n        this.status = \"\",\n        this.customerId = 0\n    }\n}","<template>\n    <div>\n        <h1>Products </h1>\n        <Toolbar>\n          <template #start>\n            <div class=\"d-inline\">\n                <h5>Select category:&nbsp;&nbsp;</h5>\n            </div>\n            <div class=\"d-inline\">\n              <form>\n                <select v-model=\"categoryId\" class=\"form-select\" @change=\"HandleChange()\">\n                     <option selected value=\"\">All</option>\n                     <option v-for=\"(item, index) in store.categories.value\" :key=\"index\" :value=\"item.name\">{{item.name}}</option>\n                </select>\n              </form>\n            </div>\n          </template>\n            <template #end>\n              <span class=\"p-input-icon-right\">\n                <i class=\"pi pi-search\" />\n                <input class=\"form-control\" placeholder=\"Search Products\"  v-model=\"state.filters\" @keyup=\"HandleChange()\"/>\n              </span>\n            </template>\n        </Toolbar>\n        <div v-if=\"state.products.length != 0\">\n        <div class= \"products\">\n          <div class=\"product\" v-for=\"(item, id) in state.products\"  :key=\"id\">\n            <div  @click=\"productDetails(item)\">\n            <img :src=\"item.imageUrl\" :alt=\"item.description\"/> \n            <h3>{{ item.name}}</h3> \n            <div class=\"price\">${{item.price.toFixed(2)}}</div>\n          </div>\n        </div>\n        </div>\n      </div> \n      <div style=\"margin-top: 300px;\" v-if=\"state.products.length == 0\">\n        <h3 v-if=\"state.filters === ''\" class=\"mt-2\">Loading</h3>\n        <div v-if=\"state.filters === ''\" class=\"flex justify-content-center\">\n        <ProgressSpinner style=\"width: 100px; height: 100px\" strokeWidth=\"8\" fill=\"var(--surface-ground)\"\n            animationDuration=\"1s\" aria-label=\"Custom ProgressSpinner\" />\n        </div>\n        <h3 v-if=\"state.filters !== ''\" class=\"mt-2\">No products found!</h3>\n      </div>\n  </div> \n</template>\n  \n<script setup>\n  import Order from '@/store/Order';\n  import { onMounted, inject, reactive, ref } from 'vue';\n  import { useRouter } from 'vue-router';\n  import Toolbar from 'primevue/toolbar';\n  import ProgressSpinner from 'primevue/progressspinner';\n\n  const router = useRouter();\n  const store = inject('store');\n  const state = reactive({\n    filters: \"\",\n    products: [],\n  });\n  const categoryId = ref(\"\");\n  onMounted(async () => \n  {\n    await store.methods.loadProducts();\n    state.products = store.products.value;\n    if(store.cart.order === null) {\n      sessionStorage.setItem('order', JSON.stringify(new Order()));\n      store.cart.order = JSON.parse(sessionStorage.getItem('order'));\n    }\n    store.methods.loadCategories();\n  });\n\n  function productDetails(product) {\n    store.methods.setCurrentProduct(product);\n    router.push('/productDetails');\n  }\n  \n  function HandleChange(){  \n    //both empty\n    if (state.filters === \"\" && categoryId.value===\"All\")  state.products = store.products.value;\n    //search empty category selected\n    else if(state.filters===\"\" && categoryId.value!==\"All\") \n    {state.products = store.products.value?.filter(x => x.category.name.toLowerCase().includes(categoryId.value.toLowerCase()));}\n    //search not empty category not selected\n    else if(state.filters!==\"\" && categoryId.value===\"All\")\n    {state.products = store.products.value?.filter(x => x.name.toLowerCase().includes(state.filters.toLocaleLowerCase())\n        || x.description.toLowerCase().includes(state.filters.toLowerCase())\n        || x.category.name.toLowerCase().includes(state.filters.toLowerCase()));}\n    //both full\n    else\n    {\n      state.products = store.products.value?.filter(x => (x.name.toLowerCase().includes(state.filters.toLocaleLowerCase())\n      &&x.category.name.toLowerCase().includes(categoryId.value.toLowerCase())) ||\n      (x.description.toLowerCase().includes(state.filters.toLowerCase())&&x.category.name.toLowerCase().includes(categoryId.value.toLowerCase())) || \n      x.category.name.toLowerCase().includes(state.filters.toLowerCase())&&x.category.name.toLowerCase().includes(categoryId.value.toLowerCase()))\n    }\n  }\n  \n</script>\n  \n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n  div.products{\n    display:flex;\n    flex-wrap:wrap;\n    width: 100%;\n    justify-content:center;\n    margin: 50px 0;\n  }\n  img{\n    width: 200px;\n    height: 200px;\n    text-align: center;\n    margin: 0 auto;\n    display:block;\n  }\n  .product{\n    width: 20%;\n    /* height: 5%; */\n    margin:15px;\n    box-sizing: border-box;\n    float:left;\n    border-radius:20px;\n    box-shadow: 0 14px 28px rgba(0,0,0,0.25);\n    background: #f2f2f2;\n    cursor: pointer;\n    \n  }\n\n  .product:hover {\n    outline: .1rem solid blue\n  }\n  .p-toolbar{\n    width: 85%;\n    margin: 0 auto;\n  }\n\n</style>\n  ","import script from \"./ProductsPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductsPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductsPage.vue?vue&type=style&index=0&id=6ba0e00e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6ba0e00e\"]])\n\nexport default __exports__","export default class ProductState {\n        constructor() {\n            this.specs = [],\n            this.categories = [],\n            this.categoryId= \"\",\n            this.price= '',\n            this.qty= '',\n            this.product=\n                {\n                \"id\": 0,    \n                \"name\": \"\",\n                \"description\": \"\",\n                \"price\": 0.00,\n                \"categoryId\": 0,\n                \"imageUrl\": \"\",\n                \"specs\": [],\n                \"isActive\": true,\n                \"quantity\": 0\n            }\n        }\n}","<template>\n    <div>\n      <form id=\"addCategory\" class=\"col-lg-10 offset-lg-1 \">\n          <div class=\"row g-3 justify-content-center flex\" >\n              <div class=\"col-8\">\n                  <input v-model=\"state.category.name\" required type=\"text\" class=\"form-control\" placeholder=\"Category Name *\"\n                      oninvalid=\"this.setCustomValidity('Category name is required')\"\n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n          </div>\n          <div class=\"row g-1 justify-content-center mt-2\">\n              <Button label=\"Cancel\" @click=\"close\" class=\"p-button-danger col-4 ms-1\"/>\n              <Button type=\"submit\" label=\"Save\" @click=\"insertCategory($event)\" class=\"p-button-success col-4 ms-1\"/>\n          </div>\n          <div class=\"row g-3 justify-content-center mt-2\">\n              <div class=\"col-8 mb-3\">\n                  <div style=\"display:none;\" id=\"catmsg\" class=\"alert alert-success mt-1\" role=\"alert\">\n                      Category has been successfuly added!\n                  </div>\n              </div>\n          </div>\n      </form>\n    </div>\n</template>\n      \n<script setup>\n  import { reactive, inject } from \"vue\";\n  import $ from 'jquery'\n  import Button from 'primevue/button';\n  \n  const dialogRef = inject(\"dialogRef\");\n  const store = inject('store');\n\n  const state = reactive({\n      category: {\n        \"name\": ''\n      }\n   });\n  \n  const initialState =  {\n      category: {\n        \"name\": ''\n      }\n   };\n  \n  function insertCategory(e) {   \n      if (state.category.name === '') return;\n      e.preventDefault();\n  \n      $.ajax({\n          headers: { \n          'Accept': 'application/json',\n          'Content-Type': 'application/json' \n          },\n          'url': 'https://perfectshopapi.mutasemalhariri.com/api/Categories',\n          'method': 'post',\n          'data': JSON.stringify(state.category)\n        }).done(() => {\n          Object.assign(state, initialState);\n          $(\"#catmsg\").show().delay(5000).fadeOut();\n          store.methods.loadCategories();\n          dialogRef.value.close();\n        }); \n  }\n\n  function close() {\n      dialogRef.value.close();\n  }\n  </script>\n      \n      <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n  <style scoped>\n  h1 {\n      margin: 0 auto;\n  }\n  </style>","import script from \"./AddCategory.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddCategory.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddCategory.vue?vue&type=style&index=0&id=662e8902&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-662e8902\"]])\n\nexport default __exports__","<template>\n  <div>\n    <form id=\"addProduct\" class=\"col-lg-10 offset-lg-1 \">\n        <div class=\"row g-3 justify-content-center flex\" >\n            <div class=\"col-3\">\n                <input v-model=\"state.product.name\" required type=\"text\" class=\"form-control\" placeholder=\"Product Name *\"\n                    oninvalid=\"this.setCustomValidity('Product name is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-3\">\n                <select v-model=\"state.categoryId\" class=\"form-select\" required \n                    oninvalid=\"this.setCustomValidity('Category is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n                     <option disabled selected value=\"\">Category *</option>\n                     <option v-for=\"(item, index) in state.categories.value\" :key=\"index\" :value=\"item.id\">{{item.name}}</option>\n                </select>\n            </div>\n            <div class=\"col-2\">\n                <p class=\"addSpec mx-auto\" @click.prevent=\"addCategory\">Category <font-awesome-icon id=\"cart\" icon=\"fa-solid fa-plus\"/></p>\n            </div>\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-8\">\n                <textarea v-model=\"state.product.description\" class=\"form-control\" rows=\"3\" placeholder=\"Product Description *\" \n                required oninvalid=\"this.setCustomValidity('Description is required')\"\n                    oninput=\"this.setCustomValidity('')\"/>\n            </div>\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-4\">\n                <input v-model=\"state.qty\" type=\"number\" class=\"form-control\" placeholder=\"QTY *\" min=\"0\" required \n                    oninvalid=\"this.setCustomValidity('QTY is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-4\">\n                <input v-model=\"state.price\" type=\"number\" step=\"0.01\" class=\"form-control\" min=\"0\" placeholder=\"Price *\" required\n                    oninvalid=\"this.setCustomValidity('Price is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-8\">\n                <input v-model=\"state.product.imageUrl\" type=\"text\" class=\"form-control\" placeholder=\"Image URL *\" required\n                    oninvalid=\"this.setCustomValidity('Image Url is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n        </div>\n        <div>\n            <div v-for=\"(attr, index) in state.product.specs\" :key=\"index\" class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-md-5\">\n                <input v-model=\"attr['name']\" type=\"text\" class=\"form-control\" placeholder=\"Attribute Name *\" required \n                oninvalid=\"this.setCustomValidity('Attribute name is required!')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-2\">\n                <input v-model=\"attr['value']\" type=\"text\" class=\"form-control\" placeholder=\"Value *\" required\n                oninvalid=\"this.setCustomValidity('Attribute value is required!')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-1\">\n                <p class=\"mt-2 addSpec\" @click.prevent=\"removeSpec(index)\">Remove</p>\n            </div>\n        </div>\n        </div>\n\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-8\">\n                <p class=\"addSpec mx-auto\" @click.prevent=\"addSpec\">Add Attribute</p>\n            </div>\n        </div>\n\n        <div class=\"row g-1 justify-content-center mt-2\">\n            <!-- <button type=\"submit\" class=\"btn btn-danger col-4 ms-1\" @click.prevent=\"close\"> Cancel</button> -->\n            <Button label=\"Cancel\" @click=\"close\" class=\"p-button-danger col-4 ms-1\"/>\n            <Button type=\"submit\" label=\"Save\" @click=\"insertProduct($event)\" class=\"p-button-success col-4 ms-1\"/>\n            <!-- <button type=\"submit\" class=\"btn btn-success col-4 ms-1\" @click=\"insertProduct($event)\">Save </button>  -->\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-8 mb-3\">\n                <span>* indicates a field is required.</span>\n                <div style=\"display:none;\" id=\"msg\" class=\"alert alert-success mt-1\" role=\"alert\">\n                    Product has been successfully added!\n                </div>\n                <div style=\"display:none;\" id=\"editmsg\" class=\"alert alert-success mt-1\" role=\"alert\">\n                    Your changes has been saved successfully!\n                </div>\n            </div>\n        </div>\n\n    </form>\n    <DynamicDialog />\n  </div>\n</template>\n    \n<script setup>\nimport { reactive, onMounted, inject, provide } from \"vue\";\nimport $ from 'jquery';\nimport Button from 'primevue/button';\nimport ProductState from '../store/ProductState';\nimport { useDialog } from 'primevue/usedialog';\nimport AddCategory from '@/components/AddCategory.vue';\nimport { useConfirm } from \"primevue/useconfirm\";\n\nconst confirm1 = useConfirm();\nconst dialogRef = inject(\"dialogRef\");\nconst header = dialogRef.value.options.props.header;\nconst store = inject(\"store\");\nconst state = reactive(dialogRef.value.data.productState);\n\nconst dialog = useDialog();\nprovide('dialog', dialog);\n\nonMounted(() =>  {\n    store.methods.loadCategories();\n    state.categories = store.categories;   \n});\n\nfunction addSpec() {\n    \n    if(header === 'Edit Product') {\n        state.product.specs.push({id: 0, name:'', value:'', productId: state.product.id});\n    }\n    else {\n        state.product.specs.push({name:'', value:''})\n    }\n}\n\nfunction removeSpec(index) {\n    if(header === 'Edit Product' && state.product.specs[index].id !== 0) {\n        confirm1.require({\n                message: 'Are sure you want to permenantly delete this Attribute?',\n                header: 'Delete Confirmation',\n                icon: 'pi pi-exclamation-triangle',\n                acceptClass: 'p-button-danger',\n                accept: () => {\n                    var url = 'https://perfectshopapi.mutasemalhariri.com/api/Products/Specs?id=' + state.product.specs[index].id;\n                    $.post(url);\n                    state.product.specs.splice(index,1);\n                },\n                reject: () => {\n                    //nothing\n                }\n            });      \n    }\n    else {\n        state.product.specs.splice(index,1);\n    }\n}\n\nfunction validateProduct(){\n    if (state.product.categoryId <= 0 ||\n    state.product.name === \"\" ||\n    state.product.description === \"\" ||\n    state.product.imageUrl === \"\" ||\n    state.product.price <= 0.00 ||\n    state.product.quantity < 0 ||\n    state.product.quantity === '') return false;\n\n    if(state.product.specs.length > 0) {\n        for(let i = 0; i < state.product.specs.length; i++) {\n            if (state.product.specs[i].name === '' || state.product.specs[i].value === '') {\n                return false;\n            }\n        }\n    } \n    return true;\n}\n\nfunction insertProduct(e) {   \n    state.product.categoryId = state.categoryId;\n    state.product.price = state.price;\n    state.product.quantity = state.qty;\n    \n    console.log(state.product.quantity);\n    if (!validateProduct()) return;\n    e.preventDefault();\n    \n    if(header === 'Add Product') {\n        $.ajax({\n        headers: { \n        'Accept': 'application/json',\n        'Content-Type': 'application/json' \n        },\n        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Products',\n        'method': 'post',\n        'data': JSON.stringify(state.product)\n      }).done( () => {\n        Object.assign(state, new ProductState());\n        store.methods.loadProducts();\n        store.methods.loadCategories();\n        state.categories = store.categories;\n        $(\"#msg\").show().delay(5000).fadeOut();\n      });\n    }\n    else if(header === 'Edit Product') {\n        $.ajax({\n        headers: { \n        'Accept': 'application/json',\n        'Content-Type': 'application/json' \n        },\n        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Products',\n        'method': 'put',\n        'data': JSON.stringify(state.product)\n      }).done( () => {\n        store.methods.loadProducts();\n        store.methods.loadCategories();\n        state.categories = store.categories;\n        $(\"#editmsg\").show().delay(5000).fadeOut();\n      });\n    }\n     \n}\nfunction addCategory() {\n    dialog.open(AddCategory, {\n              props: {\n                header: 'Add Category',\n                  style: {\n                    width: '20vw',\n                  }, \n                  breakpoints:{\n                    '960px': '75vw',\n                    '640px': '90vw'\n                },               \n                modal: true,\n              },                      \n          });\n          store.methods.loadProducts();\n    }\n\nfunction close() {\n    dialogRef.value.close();\n    store.methods.loadProducts();\n}\n</script>\n    \n    <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\nh1 {\n    margin: 0 auto;\n}\n\n.addSpec {\n    color:blue;\n    cursor: pointer;\n    text-decoration: underline;\n}\n.addSpec:hover {\n    color:rgb(218, 28, 28);\n    cursor: pointer;\n}\n#addProduct {\n    overflow-x: hidden;\n}\n</style>","import script from \"./AddProduct.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddProduct.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddProduct.vue?vue&type=style&index=0&id=aaf3a76c&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-aaf3a76c\"]])\n\nexport default __exports__","<template>\n  <div>\n    <form class=\"col-lg-10 offset-lg-1 text-center\">\n      <h1>Login</h1>\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <div class=\"col-4\">\n          <input id=\"email\" v-model=\"state.email\" type=\"email\" class=\"form-control\" placeholder=\"example@email.com *\"\n            required oninvalid=\"this.setCustomValidity('Email is required')\" oninput=\"this.setCustomValidity('')\">\n        </div>\n      </div>\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <div class=\"col-4\">\n          <input id=\"password\" v-model=\"state.password\" type=\"password\" class=\"form-control\" placeholder=\"Password *\"\n            required oninvalid=\"this.setCustomValidity('Password is required')\" oninput=\"this.setCustomValidity('')\">\n          <div style=\"display:none;\" id=\"loginMsg\" class=\"alert alert-danger mt-2\" role=\"alert\">\n            The combination of email/password is invalid\n          </div>\n        </div>\n      </div>\n      <div class=\"row g-1 justify-content-center mt-2\">\n        <Button type=\"submit\" class=\"p-button-success col-4 ms-1\" @click=\"login($event)\" label=\"Log in\"> </Button>\n      </div>\n      <div class=\"divider\">\n        <span class=\"divider-title\">\n          OR\n        </span>\n      </div>\n    </form>\n    <form class=\"col-lg-10 offset-lg-1 text-center\">\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <h1>Sign Up</h1>\n        <div class=\"col-2\">\n          <input id=\"firstName\" v-model=\"state.firstName\" type=\"text\" class=\"form-control\" placeholder=\"First Name *\"\n            required oninvalid=\"this.setCustomValidity('First Name is required')\" oninput=\"this.setCustomValidity('')\">\n        </div>\n        <div class=\"col-2\">\n          <input id=\"lastName\" v-model=\"state.lastName\" type=\"text\" class=\"form-control\" placeholder=\"Last Name *\"\n            required oninvalid=\"this.setCustomValidity('Last Name is required')\" oninput=\"this.setCustomValidity('')\">\n        </div>\n      </div>\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <div class=\"col-4\">\n          <input id=\"signUpEmail\" type=\"email\" v-model=\"state.signUpEmail\" class=\"form-control\"\n            placeholder=\"example@email.com *\" required oninvalid=\"this.setCustomValidity('Email is required')\"\n            oninput=\"this.setCustomValidity('')\">\n        </div>\n      </div>\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <div class=\"col-4\">\n          <input id=\"signUpPassword\" type=\"password\" v-model=\"state.signUpPassword\" class=\"form-control\"\n            placeholder=\"password *\" required oninvalid=\"this.setCustomValidity('Password is required')\"\n            oninput=\"this.setCustomValidity('')\">\n        </div>\n      </div>\n      <div class=\"row g-1 justify-content-center mt-2\">\n        <Button label=\"Sign Up\" type=\"submit\" class=\"p-button-primary col-4 ms-1\" @click=\"createAccount($event)\"></Button>\n      </div>\n      <div class=\"row g-3 justify-content-center mt-2\">\n        <div class=\"col-4 mb-3\">\n          <span>* indicates a field is required.</span>\n          <div style=\"display:none;\" id=\"msg1\" class=\"alert alert-success mt-1\" role=\"alert\">\n            Your account has been created!\n          </div>\n          <div style=\"display:none;\" id=\"msg2\" class=\"alert alert-danger mt-1\" role=\"alert\">\n            Email is already in use!\n          </div>\n          <div style=\"display:none;\" id=\"msg3\" class=\"alert alert-danger mt-1\" role=\"alert\">\n            Password needs to be 8-20 characters and include an Uppercase letter, lowercase letter, number, and one of\n            these: #$!@?\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</template>\n  \n<script setup>\nimport $ from 'jquery';\nimport { useRouter } from 'vue-router';\nimport { reactive, inject } from \"vue\";\nimport Button from 'primevue/button';\n\nconst router = useRouter();\nconst store = inject('store');\nconst state = reactive({\n  email: \"\",\n  password: \"\",\n  firstName: \"\",\n  lastName: \"\",\n  signUpEmail: \"\",\n  signUpPassword: \"\"\n\n});\n\nasync function login(e) {\n  let email = document.getElementById('email');\n  let password = document.getElementById('password');\n  if (!email.checkValidity() | !password.checkValidity()) return;\n\n  e.preventDefault();\n  await store.methods.login(state.email, state.password).catch(() => {\n    $(\"#loginMsg\").show().delay(5000).fadeOut();\n  });\n\n  if (store.userState.user !== null) {\n    if (store.userState.user.isAdmin) {\n      router.push('/inventory');\n    }\n    else {\n      if (store.isLogingInAndSigningOut) {\n        router.push('/checkout');\n      }\n      else {\n        router.push('/customer');\n      }\n    }\n  }\n}\n\nasync function createAccount(e) {\n  let firstName = document.getElementById('firstName');\n  let lastName = document.getElementById('lastName');\n  let email = document.getElementById('signUpEmail');\n  let password = document.getElementById('signUpPassword');\n  let regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$!@?])[a-zA-Z0-9#$!@?]{8,20}$/;\n\n  if (!email.checkValidity() | !password.checkValidity()\n    | !firstName.checkValidity() | !lastName.checkValidity()) return;\n\n  if (!regex.test(state.signUpPassword)) {\n    e.preventDefault();\n    state.signUpPassword = \"\";\n    $(\"#msg3\").show().delay(6000).fadeOut();\n    return;\n  }\n\n  e.preventDefault();\n  const user = {\n    FirstName: state.firstName,\n    LastName: state.lastName,\n    Email: state.signUpEmail,\n    Password: state.signUpPassword,\n  }\n\n  if (state.signUpEmail.endsWith('@perfectshoes.com')) {\n    user['Type'] = \"employee\";\n    user['Role'] = \"Admin\";\n    user['IsAdmin'] = true;\n  }\n  else {\n    user['Type'] = \"customer\";\n  }\n  $.ajax(\n    {\n      headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' },\n      url: 'https://perfectshopapi.mutasemalhariri.com/api/Users/User',\n      type: 'post',\n      data: JSON.stringify(user),\n      success: () => {\n        $(\"#msg1\").show().delay(5000).fadeOut();\n        state.firstName = \"\";\n        state.lastName = \"\";\n        state.signUpEmail = \"\";\n        state.signUpPassword = \"\";\n      },\n      error: (jqXHR) => {\n        if (jqXHR.status == 400)\n          $(\"#msg2\").show().delay(5000).fadeOut();\n      }\n    }\n  );\n}\n</script>\n  \n  <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\np.error {\n  color: red\n}\n\n.divider {\n  width: 32%;\n  height: 20px;\n  border-bottom: 1px solid black;\n  text-align: center;\n  margin: 30px auto;\n}\n\n.divider-title {\n  font-size: 30px;\n  background-color: #FFF;\n}\n</style>\n  ","import script from \"./LoginPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoginPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoginPage.vue?vue&type=style&index=0&id=63fb9d05&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-63fb9d05\"]])\n\nexport default __exports__","<template>\n    <form id=orderDetails class=\"text-center\">\n        <div>\n            <div class=\"row g-3 justify-content-center flex\">\n                <div class=\"col-5\">\n                    <label for=\"cusName\">Customer Name</label>\n                    <p>{{ state.customerName }}</p>\n                </div>\n                <div class=\"col-5\">\n                    <label for=\"cusEmail\">Email</label>\n                    <p>{{ state.customerEmail }}</p>\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                 <label>Customer Address</label>\n                 {{ state.shippingAddress }}                \n            </div>\n            <div class=\"row g-3 mt-2\">\n                    <div class=\"col\"><label> Name</label></div>\n                    <div class=\"col\"><label>Price</label></div>\n                    <div class=\"col\"><label>Quantity</label></div>\n            </div>\n            <div v-for=\"(item, i) in state.lineItems\" :key=\"i\" class=\"row g-3\">\n                    <div class=\"col\">{{ item.product.name }}</div>\n                    <div class=\"col\">${{ item.product.price.toFixed(2) }}</div>   \n                    <div class=\"col\">{{ item.quantity }}</div>   \n            </div>\n            <div class=\"row g-3 mt-2\">\n                    <div class=\"col\"> <label>Subtotal:</label>${{state.subtotal.toFixed(2)}}</div>\n                    <div class=\"col\"><label>Tax:</label>${{state.tax.toFixed(2) }}</div>\n                    <div class=\"col\"><label>Total:</label>  ${{ state.total.toFixed(2) }}</div>\n             </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-3\">\n                    <Button label=\"Fullfill Order\" icon=\"primary\" @click=\"fullfilOrder()\"></Button>\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-8 mb-3\">\n                    <div style=\"display:none;\" id=\"msg\" class=\"alert alert-success mt-1\" role=\"alert\">\n                        Order is fullfiled\n                    </div>\n\n                </div>\n            </div>\n        </div>\n\n    </form>\n</template>\n\n<script setup>\n\nimport { reactive, inject } from 'vue'\nimport Button from 'primevue/button';\nimport $ from 'jquery'\n//import store from '@/store';\nconst dialogRef = inject(\"dialogRef\");\nconst store = inject('store');\n\nconst state = reactive(dialogRef.value.data.Order);\n\nfunction fullfilOrder() {\n    \n    $.ajax({\n            headers: {\n                'Accept': 'application/json',\n                'Content-Type': 'application/json'\n            },\n            'url': 'https://perfectshopapi.mutasemalhariri.com/api/Order/Fulfill',\n            'method': 'post',\n            'data': JSON.stringify(state)\n        }).done(() => {\n            store.methods.loadOrders();\n            dialogRef.value.close();\n    });   \n}\n\n</script>\n\n<style scoped>\nlabel{\nfont-weight: bold;\n}\n\n</style>","import script from \"./OrdersDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrdersDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OrdersDetails.vue?vue&type=style&index=0&id=5d05bbbc&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5d05bbbc\"]])\n\nexport default __exports__","<template>\n  <div>\n      <div style=\"width: 90%; margin: 0 auto;\">\n          <DataTable :paginator=\"true\" :value=\"store.orders.value\" responsiveLayout=\"scroll\" :rows=\"5\"\n              paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink \n           LastPageLink CurrentPageReport RowsPerPageDropdown\" :rowHover=\"true\" :rowsPerPageOptions=\"[5, 10, 25, 50]\" \n              currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\" \n               @rowSelect=\"onRowSelect\"  selectionMode=\"single\" :metaKeySelection=\"false\" removableSort>\n\n              <template #empty>\n                  No Order found.\n              </template>\n              \n              <Column field=\"id\" header=\"Order id\" sortable>\n                  <template #body=\"slotProps\">\n                      {{ slotProps.data.id }}\n                  </template>\n              </Column>\n\n              <Column field=\"customerName\" header=\"Customer\" sortable>\n                  <template #body=\"slotProps\">\n                      {{ slotProps.data.customerName }}\n                  </template>\n              </Column>\n\n              <Column field=\"customerEmail\" header=\"Email\" sortable>\n                  <template #body=\"slotProps\">\n                      {{ slotProps.data.customerEmail }}\n                  </template>\n              </Column>\n\n              <Column field=\"date\" header=\"Date\" sortable>\n                  <template #body=\"slotProps\">\n                      {{ slotProps.data.date.replace('T', ' ').slice(0, 19) }}\n                  </template>\n              </Column>\n              <template #footer>\n                  In total there are {{ store.orders.value ? store.orders.value.length : 0 }} orders.\n              </template>\n          </DataTable>\n         \n          <DynamicDialog />\n      </div>\n  </div>\n</template>\n\n<script setup>\nimport { inject, onMounted, provide } from 'vue';\nimport DataTable from 'primevue/datatable';\nimport Column from 'primevue/column';\nimport 'primeicons/primeicons.css';\n\nimport { useDialog } from 'primevue/usedialog';\nimport OrdersDetails from '../components/OrdersDetails.vue';\n\n\nconst store = inject('store');\nconst dialog = useDialog();\nprovide('dialog', dialog);\n\n\nonMounted(() => {\n  store.methods.loadOrders();\n});\n\nconst onRowSelect = (event) => {\n    console.log(event.data)\n    dialog.open(OrdersDetails, {\n        props: {\n            header: 'Order Details',\n            style: {\n                width: '40vw',\n            },\n            breakpoints: {\n                '960px': '75vw',\n                '640px': '90vw'\n            },\n            modal: true,\n        },\n        data: { Order: event.data }\n    });\n    \n};\n\n</script>\n\n<style scoped>\n</style>\n","import script from \"./OrdersPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrdersPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"productDetails\">\n      <div class=\"productsDetails\">\n        <div class=\"productImage\">\n          <img :src=state.product.imageUrl :alt=\"state.product.description\" />\n        </div>\n        <div class=\"productDetailsPanel\">\n          <div class=\"productNameAndPrice\">\n            <h4><b>{{ state.product.name }}</b></h4>\n            ${{ state.product.price }}\n          </div>\n          <div class=\"productDescription\">\n            <h5>Description:</h5>\n            {{ state.product.description }}\n          </div>\n          <div class=\"productOptions\" v-if=\"state.product.specs !== null && state.product.specs.length !== 0\">\n            <h5>Avalable Options: </h5>\n            <div v-for=\"(attr, index) in state.product.specs\" :key=\"index\">\n              <p>{{ attr.name }} - {{ attr.value }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"buttons\">\n        <button class=\"btn btn-primary col-4 ms-1\" @click=\"back\">Back </button>\n        <button v-if=\"state.product.quantity > 0\" class=\"btn btn-success col-4 ms-1\" @click=\"addToCart\">Add to Cart </button>\n        <button v-else class=\"btn btn-danger col-4 ms-1\" disabled\n        style=\"text-decoration: line-through;\">Out of stock </button>\n        <div style=\"display:none; margin: 0 auto\" id=\"msg\" class=\"alert alert-success mt-2 col-8\" role=\"alert\">\n          Product was added to your cart!\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { inject, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport $ from 'jquery';\n\nconst router = useRouter();\nconst store = inject('store');\n\nconst state = reactive({\n  product: store.currentProduct.value\n});\n\nfunction back() {\n  router.push('/');\n}\n\nfunction addToCart() {\n  let isInCart = false;\n  if (store.cart.order.lineItems.length > 0) {\n    for (let i = 0; i < store.cart.order.lineItems.length; i++) {\n      if (store.cart.order.lineItems[i].productId === state.product.id) {\n        store.cart.order.lineItems[i].quantity++;\n        isInCart = true;\n        break;\n      }\n    }\n  }\n  if (isInCart) {\n    store.methods.persistCart();\n    $(\"#msg\").show().delay(3000).fadeOut();\n  }\n  else {\n    const lineItem =\n    {\n      \"unitPrice\": state.product.price,\n      \"quantity\": 1,\n      \"productId\": state.product.id,\n      \"product\": state.product\n    };\n    store.cart.order.lineItems.push(lineItem);\n    store.methods.persistCart();\n    $(\"#msg\").show().delay(3000).fadeOut();\n  }\n}\n\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\ndiv.productsDetails {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\ndiv.productImage {\n  display: flex;\n  flex-wrap: wrap;\n  width: 50%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\ndiv.productNameAndPrice {\n  flex-wrap: wrap;\n  width: 50%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\ndiv.productOptions {\n  width: 50%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\ndiv.productDescription {\n  flex-wrap: wrap;\n  width: 50%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\ndiv.productDetailsPanel {\n  flex-wrap: wrap;\n  width: 50%;\n  justify-content: center;\n  margin: 50px 0;\n}\n\nimg {\n  width: 300px;\n  height: 300px;\n  text-align: center;\n  margin: 0 auto;\n  display: block;\n}\n\n.product {\n  width: 20%;\n  /* height: 5%; */\n  margin: 15px;\n  box-sizing: border-box;\n  float: left;\n  border-radius: 20px;\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);\n  background: #f2f2f2;\n  cursor: pointer;\n\n}\n\n.product:hover {\n  outline: .1rem solid blue\n}\n</style>\n","import script from \"./ProductDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ProductDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ProductDetails.vue?vue&type=style&index=0&id=03303b16&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-03303b16\"]])\n\nexport default __exports__","export default class EmployeeState {\n    constructor() {\n        this.employee =\n            {\n                \"FirstName\": \"\",\n                \"LastName\": \"\",\n                \"Email\": \"\",\n                \"Type\": \"employee\",\n                \"Role\": \"\",\n                \"isAdmin\": \"\"\n            }\n    }\n}","<template>\n  <div>\n    <form id=\"addEmployee\" class=\"col-lg-10 offset-lg-1 \">\n        <div class=\"row g-3 justify-content-center flex\" >\n              <div class=\"col-4\">\n                  <input v-model=\"state.employee.FirstName\" required type=\"text\" class=\"form-control\"\n                   placeholder=\"Firstname *\"\n                      oninvalid=\"this.setCustomValidity('First Name is required')\"\n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n              <div class=\"col-4\">\n                <input v-model=\"state.employee.LastName\" required type=\"text\" class=\"form-control\" placeholder=\"Lastname *\"\n                      oninvalid=\"this.setCustomValidity('Last name is required')\"\n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n        </div>\n\n        <div class=\"row g-3 justify-content-center mt-2\">\n              <div class=\"col-4\">\n                  <input id=\"email\" v-model=\"state.employee.Email\" required type=\"email\" class=\"form-control\" placeholder=\"Email *\" \n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n              <div class=\"col-4\">\n                <Dropdown v-model=\"state.employee.Role\" :options=\"RolesEnum\" placeholder=\"Select a role\" class=\"w-full md:w-14rem custom\" \n                    oninvalid=\"this.setCustomValidity('Role is required')\"\n                    oninput=\"this.setCustomValidity('')\"/>\n              </div>\n        </div>\n<!-- \n        <div class=\"row g-3 justify-content-center mt-2\">\n              <div class=\"col-8\">\n                  <input id=\"password\" v-model=\"state.employee.Password\" required type=\"password\" class=\"form-control\" placeholder=\"Password *\" \n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n        </div> -->\n\n        <div class=\"row g-1 justify-content-center mt-2\">\n            <Button label=\"Cancel\" @click=\"close\" size=\"large\" class=\"p-button-danger col-4 ms-1\"/>\n            <Button type=\"submit\" label=\"Save\" size=\"small\" @click=\"insertEmployee($event)\" class=\"p-button-success col-4 ms-1\"/>\n        </div>\n            <div class=\"row g-1 justify-content-center mt-2\">\n            <div style=\"display:none;\" id=\"msg1\" class=\"alert alert-success mt-1 col-8\" role=\"alert\">\n                Employee has been added!\n            </div>\n            <div style=\"display:none;\" id=\"msg2\" class=\"alert alert-danger mt-1 col-8\" role=\"alert\">\n                Something went wrong!\n            </div>\n        </div>\n    </form>\n    <DynamicDialog />\n  </div>\n</template>\n    \n<script setup>\nimport { reactive, inject, provide } from \"vue\";\nimport $ from 'jquery';\nimport Button from 'primevue/button';\nimport { useDialog } from 'primevue/usedialog';\nimport Dropdown from 'primevue/dropdown';\nimport EmployeeState from '../store/EmployeeState';\n\nconst RolesEnum = ['admin', 'manager']\n\nconst dialogRef = inject(\"dialogRef\");\nconst state = reactive(dialogRef.value.data.employeeState);\n\nconst dialog = useDialog();\nprovide('dialog', dialog);\n\nfunction validateEmail(){\n    let email = document.getElementById('email');\n\n    if (state.employee.Email === ''){\n        email.setCustomValidity('Email is required')\n        return false;\n    } \n    else if (!state.employee.Email.endsWith('@perfectshoes.com')){\n        email.setCustomValidity('Email must end with @perfectshoes.com')\n        return false;\n    }\n\n    return true;\n}\n\nfunction insertEmployee(e) {\n\n    if (!document.forms['addEmployee'].reportValidity() | !validateEmail()) return;\n    e.preventDefault();\n\n    state.employee.isAdmin = true;\n    console.log(state.employee)\n    $.ajax({\n        headers: { \n        'Accept': 'application/json',\n        'Content-Type': 'application/json' \n        },\n        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Users/Employee',\n        'method': 'post',\n        'data': JSON.stringify(state.employee),\n        success: () => {\n        $(\"#msg1\").show().delay(5000).fadeOut();\n        state.employee = new EmployeeState();\n      },\n      error: (jqXHR) => {\n        if (jqXHR.status == 400)\n          $(\"#msg2\").show().delay(5000).fadeOut();\n      }\n      });\n}\n\nfunction close() {\n    dialogRef.value.close();\n}\n\n</script>\n    \n    <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.custom {\n    width: 100%;\n    height: 38.18px;\n}\n</style>","import script from \"./AddEmployee.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddEmployee.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddEmployee.vue?vue&type=style&index=0&id=908aee56&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-908aee56\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div style=\"width: 90%; margin: 0 auto;\">\n            <DataTable :paginator=\"true\" :value=\"store.products.value\" responsiveLayout=\"scroll\" :rows=\"5\"\n                paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink\n             LastPageLink CurrentPageReport RowsPerPageDropdown\" :rowHover=\"true\" :rowsPerPageOptions=\"[5, 10, 25, 50]\"\n                currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\" :filters=\"filters1\"\n                :globalFilterFields=\"['name', 'description', 'category.name']\" removableSort>\n                <template #header>\n                    <div class=\"row g-3 justify-content-between flex\">\n                        <div class=\"col-1 d-flex flex-row\">\n                        <div>\n                            <Button @click=\"addProduct\" label=\"Product\" icon=\"pi pi-plus\" class=\"p-button-primary\" />\n                        </div>\n                        <div>\n                            <Button v-if=\"store.userState.user.role === 'manager'\" @click=\"addEmployee\" label=\"Employee\" icon=\"pi pi-plus\" class=\"p-button-primary ms-1\" />\n                        </div>\n                        </div>\n                        <div class=\"col-2 mt-4\">\n                            <span class=\"p-input-icon-right\">\n                                <i class=\"pi pi-search\" />\n                                <input class=\"form-control\" placeholder=\"Keyword Search\"\n                                    v-model=\"filters1['global'].value\" />\n                            </span>\n                        </div>\n                    </div>\n                    <DynamicDialog />\n                </template>\n                <template #empty>\n                    No product found.\n                </template>\n                <Column field=\"name\" header=\"Name\" sortable>\n                    <template #body=\"slotProps\">\n                        <h4>{{ slotProps.data.name }}</h4>\n                    </template>\n                </Column>\n                <Column header=\"Image\">\n                    <template #body=\"slotProps\">\n                        <img :src=\"slotProps.data.imageUrl\" :alt=\"slotProps.data.description\" class=\"product-image\" />\n                    </template>\n                </Column>\n                <Column field=\"description\" header=\"Description\">\n                    <template #body=\"slotProps\">\n                        <p :title=\"slotProps.data.description\">{{ slotProps.data.description }}</p>\n                    </template>\n                </Column>\n                <Column field=\"price\" header=\"Price\" sortable>\n                    <template #body=\"slotProps\">\n                        ${{ slotProps.data.price.toFixed(2) }}\n                    </template>\n                </Column>\n                <Column field=\"category.name\" header=\"Category\" sortable>\n                    <template #body=\"slotProps\">\n                        <strong> {{ slotProps.data.category.name }}</strong>\n                    </template>\n                </Column>\n                <Column field=\"quantity\" header=\"Status\" sortable>\n                    <template #body=\"slotProps\">\n                        <span class=\"product-badge outofstock\" v-if=\"slotProps.data.quantity == 0\"> OUTOFSTOCK</span>\n                        <span class=\"product-badge lowstock\" v-else-if=\"slotProps.data.quantity <= 10\">\n                            LOWSTOCK</span>\n                        <span class=\"product-badge instock\" v-else> INSTOCK</span>\n                    </template>\n                </Column>\n                <Column>\n                    <template #body=\"slotProps\">\n                        <SpeedDial @click=\"setItem(slotProps.data)\" :model=\"options\" direction=\"left\"\n                            showIcon=\"pi pi-cog\" />\n                    </template>\n                </Column>\n                <template #footer>\n                    In total there are {{ store.products.value ? store.products.value.length : 0 }} products.\n                </template>\n            </DataTable>\n        </div>\n        <ConfirmDialog />\n    </div>\n</template>\n  \n<script setup>\nimport { inject, onMounted, ref, provide } from 'vue';\nimport DataTable from 'primevue/datatable';\nimport Column from 'primevue/column';\nimport Button from 'primevue/button';\nimport SpeedDial from 'primevue/speeddial';\nimport 'primeicons/primeicons.css';\nimport { useDialog } from 'primevue/usedialog';\nimport AddProduct from '@/components/AddProduct.vue'\nimport AddEmployee from '@/components/AddEmployee.vue'\nimport ProductState from '../store/ProductState';\nimport EmployeeState from '../store/EmployeeState';\nimport { FilterMatchMode } from 'primevue/api';\nimport $ from 'jquery';\nimport { useConfirm } from \"primevue/useconfirm\";\n\n\nconst dialog = useDialog();\nprovide('dialog', dialog);\nconst confirm = useConfirm();\n\nconst store = inject('store');\nconst selectedProduct = ref({});\nonMounted(() => {\n    store.methods.loadProducts();\n});\n\nconst options = ref([\n    {\n        label: 'Remove',\n        icon: 'pi pi-trash',\n        command: () => { removeProduct(selectedProduct) }\n    },\n    {\n        label: 'Edit',\n        icon: 'pi pi-file-edit',\n        command: () => { editProduct(selectedProduct) }\n    },\n]);\n\nfunction setItem(item) {\n    selectedProduct.value = item;\n}\n\nfunction addProduct() {\n    const state = new ProductState();\n    dialog.open(AddProduct, {\n        props: {\n            header: 'Add Product',\n            style: {\n                width: '40vw',\n            },\n            breakpoints: {\n                '960px': '75vw',\n                '640px': '90vw'\n            },\n            modal: true,\n        },\n        data: { productState: state }\n    });\n}\n\nfunction addEmployee() {\n    const state = new EmployeeState();\n    state.employee.Role = \"admin\"\n    dialog.open(AddEmployee, {\n        props: {\n            header: 'Add Employee',\n            style: {\n                width: '40vw',\n            },\n            breakpoints: {\n                '960px': '75vw',\n                '640px': '90vw'\n            },\n            modal: true,\n        },\n        data: { employeeState: state }\n    });\n}\n\nfunction editProduct(p) {\n    const state = new ProductState();\n    Object.assign(state.product, p.value);\n    state.product.specs = p.value.specs?.slice();\n    state.specs = p.value.specs?.slice();\n    state.categoryId = p.value.categoryId;\n    state.price = p.value.price;\n    state.qty = p.value.quantity;\n    console.log(state);\n    dialog.open(AddProduct, {\n        props: {\n            header: 'Edit Product',\n            style: {\n                width: '40vw',\n            },\n            breakpoints: {\n                '960px': '75vw',\n                '640px': '90vw'\n            },\n            modal: true,\n        },\n        data: { productState: state }\n    });\n}\nfunction removeProduct(p) {\n    p.value.isActive = false;\n    confirm.require({\n                message: 'Are sure you want to permenantly delete this Product?',\n                header: 'Delete Confirmation',\n                icon: 'pi pi-exclamation-triangle',\n                acceptClass: 'p-button-danger',\n                accept: () => {\n                    $.ajax({\n                        headers: {\n                            'Accept': 'application/json',\n                            'Content-Type': 'application/json'\n                        },\n                        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Products',\n                        'method': 'put',\n                        'data': JSON.stringify(p.value)\n                    }).done(() => {\n                        store.methods.loadProducts();\n                        $(\"#editmsg\").show().delay(3000).fadeOut();\n                    });\n                },\n                reject: () => {\n                    //nothing\n                }\n            });   \n}\nconst filters1 = ref({\n    'global': { value: null, matchMode: FilterMatchMode.CONTAINS }\n});\n</script>\n  \n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\n.table-header {\n    text-align: center;\n    margin: 20px;\n}\n\n.product-image {\n    width: 60px;\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)\n}\n\n.outofstock {\n    font-weight: 700;\n    color: #FF5252;\n    text-decoration: line-through;\n}\n\n.lowstock {\n    font-weight: 700;\n    color: #FFA726;\n}\n\n.instock {\n    font-weight: 700;\n    color: #66BB6A;\n}\n\np {\n    text-overflow: ellipsis;\n    /* will make [...] at the end */\n    width: 90px;\n    /* change to your preferences */\n    white-space: nowrap;\n    /* paragraph to one line */\n    overflow: hidden;\n    /* older browsers */\n}</style>\n  ","import script from \"./InventoryPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InventoryPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./InventoryPage.vue?vue&type=style&index=0&id=d551cd6e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-d551cd6e\"]])\n\nexport default __exports__","\n<template>\n    <div>\n        <div v-if=\"store.cart.order.lineItems.length > 0\">\n            <DataTable id=\"cart\" :value=\"store.cart.order.lineItems\" responsiveLayout=\"scroll\">\n                <Column field=\"product.name\" header=\"Name\"></Column>\n                <Column field=\"product.description\" header=\"Description\"></Column>\n                <Column field=\"unitPrice\" header=\"Price\"></Column>\n                <Column field=\"quantity\" header=\"Quantity\">\n                <template #body=\"slotProps\">\n                    <span class=\"p-buttonset\">\n                        <Button icon=\"pi pi-minus\" class=\"p-button-sm p-button-text \" @click=\"decreaseQuantity(slotProps.index)\" />                  \n                        <Button disabled class=\"p-button-sm p-button-text\">{{ slotProps.data.quantity }}</Button>\n                        <Button icon=\"pi pi-plus\" class=\"p-button-sm p-button-text\" @click=\"increaseQuantity(slotProps.index)\" />\n                    </span>\n                </template>\n                </Column>\n                \n                <Column header=\"Delete product?\">\n                    <template #body=\"slotProps\">\n                        <Button class=\"p-button-warning p-button-sm\" icon=\"pi pi-trash\" @click=\"deleteProduct(slotProps.index)\"></Button>\n                    </template>\n                </Column>\n            </DataTable>\n        \n            <div>\n            <Button label=\"Empty Cart\" icon=\"pi pi-trash\" class=\"p-button-danger m-2\" @click=\"emptyCart()\"></Button>\n            <p>Subtotal cost: ${{ store.cart.order.subtotal.toFixed(2) }}</p>\n            <p>Tax: ${{ store.cart.order.tax.toFixed(2) }}</p>\n            <p>Total: ${{ store.cart.order.total.toFixed(2) }}</p>\n            <Button label=\"Checkout As Guest\" class=\"p-button-primary m-2\" @click=\"checkout()\"\n            v-if=\"store.userState.user === null\"></Button>\n            <Button label=\"Login and checkout\" class=\"p-button-success m-2\" @click=\"loginAndCheckout()\"\n            v-if=\"store.userState.user === null\"></Button>\n            <Button label=\"Checkout\" class=\"p-button-success\" @click=\"checkout()\"\n            v-if=\"store.userState.user !== null\"></Button>\n            <DynamicDialog />\n            </div>\n        </div>\n        <div v-else>\n            <font-awesome-icon id=\"cart\" icon=\"fa-solid fa-cart-shopping\" size=\"10x\" /> <br/><br/>\n            <h3>Your cart is empty!</h3>\n            <Button label=\"Add Some Items\" class=\"p-button-primary p-button-sm\" @click=\"router.push('/')\"></Button>\n        </div>\n        <div id=\"msg\" style=\"display: none\">\n            <div style=\"width: 50%; margin: 0 auto\" class=\"alert alert-danger\">\n                 Sorry, the followiing product/s are no longer available. Please remove them to continue.\n                <p v-for=\"item in state.removedProducts\" :key=\"item.id\">{{item.name}}</p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport DataTable from 'primevue/datatable';\nimport Column from 'primevue/column';\nimport Button from 'primevue/button';\nimport { onBeforeMount, inject, provide, reactive } from 'vue'\nimport { useRouter } from 'vue-router';\nimport { useDialog } from 'primevue/usedialog';\nimport LoginPage from '../components/LoginPage.vue';\nimport $ from 'jquery';\n\n\nconst dialog = useDialog();\nprovide('dialog', dialog);\n\nconst router = useRouter();\nconst store = inject('store');\nconst taxRate = .08;\nconst state = reactive({\n    products: [],\n    removedProducts: []\n});\n\n\n// Loop through the price of items in cart and get the subTotal\nfunction subTotal() {\n    let total = 0;\n    for (let i = 0; i < store.cart.order.lineItems.length; i++) {\n        total += store.cart.order.lineItems[i].unitPrice * store.cart.order.lineItems[i].quantity\n    }\n    return total;\n}\n\nfunction emptyCart() {\n    store.cart.order.lineItems = []\n    calcCost();\n    $(\"#msg\").hide();\n}\nfunction increaseQuantity(index) {\n    store.cart.order.lineItems[index].quantity++    \n    calcCost()\n}\n\nfunction decreaseQuantity(index) {\n    if(store.cart.order.lineItems[index].quantity > 1) {\n        store.cart.order.lineItems[index].quantity--;\n        calcCost()\n    }\n    \n}\n\nasync function deleteProduct(index) {\n    store.cart.order.lineItems.splice(index, 1);\n    calcCost();\n    if(await verifyProduct()) {\n        state.removedProducts = [];\n        $(\"#msg\").hide();\n    }\n}\n\nfunction calcCost() {\n    store.cart.order.subtotal = subTotal();\n    store.cart.order.tax = store.cart.order.subtotal * taxRate\n    store.cart.order.total = store.cart.order.subtotal + store.cart.order.tax\n    store.methods.persistCart();\n}\n\nasync function loginAndCheckout() {\n    store.isLogingInAndSigningOut = true;\n    if(await verifyProduct()) {\n        dialog.open(LoginPage, {\n              props: {\n                  style: {\n                    width: '50vw',\n                  }, \n                  breakpoints:{\n                    '960px': '75vw',\n                    '640px': '90vw'\n                },               \n                modal: true,\n              },    \n                  \n          });\n    } else {\n        $(\"#msg\").show();\n    }\n}\n\nonBeforeMount(() => {\n    calcCost();\n});\n\nasync function checkout() {\n    store.methods.loadProducts();\n    if (await verifyProduct()) {\n        router.push('/checkout')\n    }\n    else {\n        $(\"#msg\").show();\n    }\n}\nasync function verifyProduct() {\n    await store.methods.loadProducts();\n    state.products = store.products.value;\n    state.removedProducts = [];\n    let isProduct = false;\n    for (let i = 0; i < store.cart.order.lineItems.length; i++) {\n        isProduct = false;\n        for (let j = 0; j < state.products.length; j++) {\n            if (store.cart.order.lineItems[i].product.id == state.products[j].id) {\n                isProduct = true;\n            }\n        }      \n        if(!isProduct) {\n            state.removedProducts.push(store.cart.order.lineItems[i].product);\n        }\n    }\n    return state.removedProducts.length === 0;\n}\n</script>\n<style scoped>\n\n</style>\n","import script from \"./ShoppingCart.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ShoppingCart.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./OrderConfirmation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OrderConfirmation.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div>\n        <div v-if=\"!isPlaced && store.userState.user === null\">\n        <h2>Contact Information: </h2>\n        <form id=nameAndEmail class=\"col-lg-10 offset-lg-1 \">\n            <div>\n                <div class=\"row g-3 justify-content-center flex\">\n                    <div class=\"col-3\">\n                        <input v-model=\"store.cart.order.customer.firstName\" required type=\"text\" class=\"form-control\"\n                            placeholder=\"First Name *\" oninvalid=\"this.setCustomValidity('First name is required')\"\n                            oninput=\"this.setCustomValidity('')\">\n                    </div>\n                    <div class=\"col-3\">\n                        <input v-model=\"store.cart.order.customer.lastName\" required type=\"text\" class=\"form-control\"\n                            placeholder=\"Last Name *\" oninvalid=\"this.setCustomValidity('Last name is required')\"\n                            oninput=\"this.setCustomValidity('')\">\n                    </div>\n                </div>\n                <div class=\"row g-3 justify-content-center mt-2\">\n                    <div class=\"col-6\">\n                        <input v-model=\"store.cart.order.customer.email\" required type=\"email\" class=\"form-control\"\n                            placeholder=\"email address *\" oninvalid=\"this.setCustomValidity('Email address is required')\"\n                            oninput=\"this.setCustomValidity('')\">\n                    </div>\n                </div>\n            </div>\n        <h2 class=\"mt-3\">Address information:</h2>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-6\">\n                    <input v-model=\"store.cart.order.customer.address.addressLine1\" id=\"addr1\" required type=\"text\"\n                        class=\"form-control\" placeholder=\"Address Line 1 *\"\n                        oninvalid=\"this.setCustomValidity('address is required')\" oninput=\"this.setCustomValidity('')\">\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-6\">\n                    <input v-model=\"store.cart.order.customer.address.addressLine2\" type=\"text\" class=\"form-control\"\n                        placeholder=\"Address Line 2 *\">\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-2\">\n                    <input v-model=\"store.cart.order.customer.address.city\" required type=\"text\" class=\"form-control\"\n                        placeholder=\"City *\" oninvalid=\"this.setCustomValidity('city is required')\"\n                        oninput=\"this.setCustomValidity('')\">\n                </div>\n                <div class=\"col-2\">\n                    <select v-model=\"store.cart.order.customer.address.state\" class=\"form-select\" required\n                    oninvalid=\"this.setCustomValidity('Select a state')\" oninput=\"this.setCustomValidity('')\">\n                     <option selected value=\"\"></option>\n                     <option v-for=\"(item, index) in store.usStates\" :key=\"index\" :value=\"item\">{{item}}</option>\n                </select>\n                </div>\n                <div class=\"col-2\">\n                    <input v-model=\"store.cart.order.customer.address.zip\" required type=\"text\" class=\"form-control\"\n                        placeholder=\"Zip Code *\" oninvalid=\"this.setCustomValidity('Enter 5 digits zip code')\"\n                        oninput=\"this.setCustomValidity('')\" pattern=\"^[0-9]{5}$\" maxlength=\"5\">\n                </div>\n            </div>\n        <h2 class=\"mt-3\">Card information:</h2>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-6\">\n                    <input v-model=\"store.cart.order.customer.creditCard.nameOnCard\" required type=\"text\" class=\"form-control\"\n                        placeholder=\"Cardholder name *\" oninvalid=\"this.setCustomValidity('card name is required')\"\n                        oninput=\"this.setCustomValidity('')\">\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-6\">\n                    <input v-model=\"store.cart.order.customer.creditCard.cardNumber\" required type=\"text\" class=\"form-control\"\n                        placeholder=\"Card number *\" oninvalid=\"this.setCustomValidity('card number is required and must consist of 16 digits')\"\n                        minlength=\"16\" maxlength=\"16\"\n                        oninput=\"this.setCustomValidity('')\" pattern=\"^[0-9]{16}$\">\n                </div>\n            </div>\n            <div class=\"row g-3 justify-content-center mt-2\">\n                <div class=\"col-3\">\n                    <input v-model=\"store.cart.order.customer.creditCard.cvc\" required type=\"password\" minlength=\"3\"\n                        maxlength=\"3\" class=\"form-control\" pattern=\"^[0-9]{3}$\"\n                        placeholder=\"CVC *\" oninvalid=\"this.setCustomValidity('cvc is required and must be 3 digits')\"\n                        oninput=\"this.setCustomValidity('')\">\n                </div>\n                <div class=\"col-3\">\n                    <Calendar id=\"exprDate\" class=\"custom\" v-model=\"store.cart.order.customer.creditCard.exprDate\"\n                    dateFormat=\"mm/yy\"\n                    placeholder=\"Experation date * mm/yy\" view=\"month\" :manualInput=\"false\"\n                    oninvalid=\"this.setCustomValidity('experation date is required')\"\n                        oninput=\"this.setCustomValidity('')\"/>\n                </div>\n            </div>\n            <Button type=\"submit\" label=\"Place Order\" class=\"p-button-success mt-3\" @click=\"placeOrder($event)\"></Button>\n        </form>\n    </div>\n    <OrderConfirmation v-if=\"isPlaced\" :id=\"orderId\"/>\n    <div v-if=\"store.userState.user !== null && !isPlaced\">\n        <div v-if=\"store.userState.user.address !== null\">\n            <h4>Shipping Address</h4>\n            <p> <strong>{{ store.userState.user.firstName }} {{ store.userState.user.lastName }} </strong></p>\n            <p> {{ store.userState.user.address.addressLine1 }},\n            {{ store.userState.user.address.addressLine2 }}</p>\n            <p> {{ store.userState.user.address.city }},\n            {{ store.userState.user.address.state }}\n            {{ store.userState.user.address.zip }}</p>\n        </div>\n        <div v-if=\"store.userState.user.creditCard !== null\">\n            <h4>Payment Information</h4>\n            <p> <strong>Card Holder:</strong> {{ store.userState.user.creditCard.nameOnCard }}</p>\n            <p><strong>Ending in:</strong> {{ store.userState.user.creditCard.cardNumber.slice(12) }}</p>\n            <p><strong>Expires in:</strong> {{ new Date(store.userState.user.creditCard.exprDate).getMonth() + 1 }} /\n            {{ new Date(store.userState.user.creditCard.exprDate).getFullYear() }}</p>\n        </div>\n        <a class=\"link\" v-if=\"store.userState.user.creditCard === null\" @click=\"router.push('/customer')\">\n        Please add a credit card to continue</a><br/>\n        <a class=\"link\" v-if=\"store.userState.user.address === null\"  @click=\"router.push('/customer')\">\n        Please add your address to continue</a>\n        <Button @click=\"placeOrder($event)\" v-if=\"store.userState.user.creditCard !== null && store.userState.user.address !== null\"\n         class=\"p-button-success\" label=\"Place Order\"></Button>\n    </div>\n</div>\n</template>\n\n<script setup>\n\nimport { inject, ref, onMounted } from 'vue'\nimport $ from 'jquery'\nimport Button from 'primevue/button';\nimport Calendar from 'primevue/calendar';\nimport OrderConfirmation from '@/components/OrderConfirmation.vue';\nimport Order from '@/store/Order';\nimport { useRouter } from 'vue-router';\n//import InputMask from 'primevue/inputmask';\n\nconst store = inject('store');\nconst isPlaced = ref(false);\nconst orderId = ref(0);\nconst router = useRouter();\n\nfunction placeOrder(e) {\n    if(store.userState.user !== null) {\n        store.cart.order.customer = store.userState.user;\n        store.cart.order.customerId = store.userState.user.id;\n    }\n    console.log(store.cart.order.customer)\n    if (store.userState.user === null && store.cart.order.customer.creditCard.exprDate !== null) {\n        var dateField = document.getElementById('exprDate').children[0];\n        dateField.readOnly = true;\n        dateField.required = false;\n    }\n    if(store.userState.user === null && !document.forms['nameAndEmail'].reportValidity()) return;\n    e.preventDefault();\n    \n    console.log(JSON.stringify(store.cart.order));\n    $.ajax({\n        headers: {\n            'Accept': 'application/json',\n            'Content-Type': 'application/json'\n        },\n        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Order',\n        'method': 'post',\n        'data': JSON.stringify(store.cart.order)\n    }).done((response) => {\n        isPlaced.value = true;\n        orderId.value = response.id;\n        if(store.userState.user !== null) {\n            store.userState.user.orders.push(response);\n        }\n        sessionStorage.setItem('order', JSON.stringify(new Order()));\n        store.cart.order = JSON.parse(sessionStorage.getItem('order'));\n    }).fail(() => {\n        alert('Something went wrong, please try again later.');\n    });\n\n}\nonMounted(() => {\n    console.log(store.userState.user)\n    if(store.userState.user === null) {\n        var dateField = document.getElementById('exprDate').children[0];\n        dateField.readOnly = false;\n        dateField.required = true;\n        dateField.setCustomValidity('expiration date is required');\n    }\n});\n\n</script>\n\n<style scoped>\n.custom {\n    width: 100%;\n    height: 38.18px;\n}\n</style>","import script from \"./CheckoutPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CheckoutPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CheckoutPage.vue?vue&type=style&index=0&id=160856e0&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-160856e0\"]])\n\nexport default __exports__","export default class Address {\n    constructor() {\n        this.customerId =\"\",\n        this.addressLine1 = \"\",\n        this.addressLine2 = \"\",\n        this.zip = \"\",\n        this.city = \"\",\n        this.state = \"\"\n    }\n}","<template>\n    <form id=\"addAddress\" class=\"col-lg-10 offset-lg-1 \">\n        <div class=\"row g-3 justify-content-center flex\" >\n            <div class=\"col-10\">\n                <input v-model=\"state.addressLine1\" required type=\"text\" class=\"form-control\" placeholder=\"Address Line 1 *\" minlength=\"1\" maxlength=\"100\" \n                    oninvalid=\"this.setCustomValidity('Address Line 1 is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-10\">\n              <input v-model=\"state.addressLine2\" type=\"text\" class=\"form-control\" placeholder=\"Address Line 2\" maxlength=\"100\" >\n            </div>\n            <div class=\"col-5\">\n                <input v-model=\"state.city\" required type=\"text\" class=\"form-control\" placeholder=\"City *\" minlength=\"1\" maxlength=\"20\"\n                    oninvalid=\"this.setCustomValidity('City is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n            <div class=\"col-2\">\n                <select v-model=\"state.state\" class=\"form-select\" required\n                    oninvalid=\"this.setCustomValidity('Select a state')\" oninput=\"this.setCustomValidity('')\">\n                     <option selected value=\"\"></option>\n                     <option v-for=\"(item, index) in store.usStates\" :key=\"index\" :value=\"item\">{{item}}</option>\n                </select>\n            </div>\n            <div class=\"col-3\">\n                <input v-model=\"state.zip\" required class=\"form-control\" placeholder=\"Zip Code *\" minlength=\"5\" maxlength=\"5\" \n                    oninvalid=\"this.setCustomValidity('Zip code is required')\"\n                    oninput=\"this.setCustomValidity('')\">\n            </div>\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n            <div class=\"col-8 mb-3\">\n                <span>* indicates a field is required.</span>\n            </div>\n        </div>\n        <div class=\"row g-1 justify-content-center mt-2\">\n            <Button label=\"Cancel\" @click=\"close\" class=\"p-button-danger col-4 ms-1\"/>\n            <Button type=\"submit\" label=\"Save\" @click=\"AddAddress($event)\" class=\"p-button-success col-4 ms-1\"/>\n        </div>\n    </form>\n</template>\n\n<script setup>\n  import { reactive, inject, provide } from \"vue\";\n  import $ from 'jquery'\n  import Button from 'primevue/button';\n  import { useDialog } from 'primevue/usedialog';\n  \n  const dialogRef = inject(\"dialogRef\");\n  const store = inject(\"store\");\n  const state = reactive(dialogRef.value.data.addressState);\n  const dialog = useDialog();\n  const header = dialogRef.value.options.props.header;\n\n  provide('dialog', dialog);\n\n  \n  function AddAddress(e) {  \n    if(!document.forms['addAddress'].reportValidity()) return; \n    e.preventDefault();\n    if(header === 'Add Address') {\n      $.ajax({\n      headers: { \n      'Accept': 'application/json',\n      'Content-Type': 'application/json' \n      },\n      'url': 'https://perfectshopapi.mutasemalhariri.com/api/Address',\n      'method': 'post',\n      'data': JSON.stringify(state)\n      }).done((data) => {\n        store.userState.user['address']= data;\n        sessionStorage.setItem('user', JSON.stringify(store.userState.user));\n        dialogRef.value.close();\n      });\n\n    } if(header === 'Update Address'){\n      $.ajax({\n      headers: { \n      'Accept': 'application/json',\n      'Content-Type': 'application/json' \n      },\n      'url': 'https://perfectshopapi.mutasemalhariri.com/api/Address/update',\n      'method': 'post',\n      'data': JSON.stringify(state)\n      }).done((data) => {\n        store.userState.user['address']= data;\n        Object.assign(store.userState.user.address, data)\n        dialogRef.value.close();\n      });\n\n    }\n\n    }\n  \n  function close() {\n      dialogRef.value.close();\n  }\n  </script>\n\n      <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n  <style scoped>\n  h1 {\n      margin: 0 auto;\n  }\n  \n  .addSpec {\n      color:blue;\n      cursor: pointer;\n      text-decoration: underline;\n  }\n  .addSpec:hover {\n      color:rgb(218, 28, 28);\n      cursor: pointer;\n  }\n  #addProduct {\n      overflow-x: hidden;\n  }\n  </style>","import script from \"./AddAddress.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddAddress.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddAddress.vue?vue&type=style&index=0&id=02f9399e&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-02f9399e\"]])\n\nexport default __exports__","export default class CreditCardState {\n        constructor() {\n            this.customerId = 0,\n            this.creditCard =\n                {\n                    \"id\": 0,    \n                    \"nameOnCard\": \"\",\n                    \"cardNumber\": \"\",\n                    \"cvc\": \"\",\n                    \"exprDate\" : null,\n                }\n        }\n}","<template>\n    <div>\n      <form id=\"addCreditCard\" class=\"col-lg-10 offset-lg-1 \">\n          <div class=\"row g-3 justify-content-center flex\" >\n              <div class=\"col-4\">\n                  <input v-model=\"state.creditCard.nameOnCard\" required type=\"text\" class=\"form-control\" placeholder=\"Card Holder Name *\"\n                      oninvalid=\"this.setCustomValidity('Credit Card Holder is required')\"\n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n              <div class=\"col-4\">\n                <input v-model=\"state.creditCard.cardNumber\" required type=\"password\" class=\"form-control\" placeholder=\"Card Number *\" minlength=\"16\" maxlength = \"16\"\n                      oninvalid=\"this.setCustomValidity('Credit Number is required')\"\n                      oninput=\"this.setCustomValidity('')\"\n                      @keypress=\"IsNumber($event)\">\n              </div>\n          </div>\n          <div class=\"row g-3 justify-content-center mt-2\">\n              <div class=\"col-4\">\n                  <input v-model=\"state.creditCard.cvc\" required type=\"password\" class=\"form-control\" placeholder=\"CVC *\" minlength=\"3\" maxlength=\"3\" \n                      @keypress=\"IsNumber($event)\"\n                      oninvalid=\"this.setCustomValidity('CVC is required')\"\n                      oninput=\"this.setCustomValidity('')\">\n              </div>\n              <div class=\"col-4\">\n                <Calendar id=\"exprDate\" class=\"custom\" v-model=\"state.creditCard.exprDate\"\n                    dateFormat=\"mm/yy\"\n                    placeholder=\"Expiration date * mm/yy\" view=\"month\" :manualInput=\"false\"\n                    oninvalid=\"this.setCustomValidity('expiration date is required')\"\n                        oninput=\"this.setCustomValidity('')\"/>\n              </div>\n          </div>\n  \n          <div class=\"row g-1 justify-content-center mt-2\">\n              <Button label=\"Cancel\" @click=\"close\" class=\"p-button-danger col-4 ms-1\"/>\n              <Button type=\"submit\" label=\"Save\" @click=\"UpsertCreditCard($event)\" class=\"p-button-success col-4 ms-1\"/>\n          </div>\n          <div class=\"row g-3 justify-content-center mt-2\">\n              <div class=\"col-8 mb-3\">\n                  <span>* indicates a field is required.</span>\n              </div>\n          </div>\n\n      </form>\n      <DynamicDialog />\n    </div>\n</template>\n      \n<script setup>\n  import { reactive, inject, provide, onMounted } from \"vue\";\n  import $ from 'jquery'\n  import Button from 'primevue/button';\n  import { useDialog } from 'primevue/usedialog';\n  import Calendar from 'primevue/calendar';\n  \n  const dialogRef = inject(\"dialogRef\");\n  const store = inject(\"store\");\n  const state = reactive(dialogRef.value.data.creditCardState);\n  const dialog = useDialog();\n  provide('dialog', dialog);\n  \n  function validateCreditCard(){\n      return state.creditCard.nameOnCard !== \"\" &&\n      state.creditCard.cardNumber !== \"\" &&\n      state.creditCard.cvc !== \"\" &&\n      state.creditCard.exprDate !== null;\n  }\n  \n  function IsNumber(e) {\n      if (e.keyCode < 48 || e.keyCode > 57) {\n        e.preventDefault();\n      } else {\n        return true;\n      }\n  }\n\n  onMounted(() => {\n    var dateField = document.getElementById('exprDate').children[0];\n    dateField.readOnly = false;\n    dateField.required = true;\n    dateField.setCustomValidity('experation date is required');\n});\n\n  function UpsertCreditCard(e) {   \n      if (!validateCreditCard()) return;\n      e.preventDefault();\n      \n      state.creditCard.customerId = state.customerId\n      state.creditCard.exprDate = state.creditCard.exprDate.toJSON();\n      $.ajax({\n      headers: { \n      'Accept': 'application/json',\n      'Content-Type': 'application/json' \n      },\n      'url': 'https://perfectshopapi.mutasemalhariri.com/api/CreditCard',\n      'method': 'post',\n      'data': JSON.stringify(state.creditCard)\n      }).done((data) => {\n        console.log(data);\n      store.userState.user.creditCard = data;\n      store.userState.user.creditCardId = data.id;\n      console.log(store.userState.user);\n      sessionStorage.setItem('user', JSON.stringify(store.userState.user));\n      dialogRef.value.close();\n      });\n    }\n  \n  function close() {\n      dialogRef.value.close();\n  }\n  </script>\n      \n      <!-- Add \"scoped\" attribute to limit CSS to this component only -->\n  <style scoped>\n  .custom {\n    width: 100%;\n    height: 38.18px;\n}\n  </style>","import script from \"./AddCreditCard.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddCreditCard.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddCreditCard.vue?vue&type=style&index=0&id=ecc1a786&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ecc1a786\"]])\n\nexport default __exports__","<template>\n    <div>\n      <form id=\"changePass\">\n        <div class=\"row g-3 justify-content-center mt-2\">\n          <div class=\"col-10\">\n            <input id=\"currentPassword\" type=\"password\" v-model=\"state.currentPassword\" class=\"form-control\"\n              placeholder=\"Current Password *\" required oninvalid=\"this.setCustomValidity('Current password is required')\"\n              oninput=\"this.setCustomValidity('')\">\n          </div>\n          <div style=\"display:none;\" id=\"msg1\" class=\"col-10 text-danger\" role=\"alert\">\n              Current password is incorrect\n            </div>\n          <div class=\"col-10\">\n            <input id=\"newPassword\" type=\"password\" v-model=\"state.newPassword\" class=\"form-control\"\n              placeholder=\"New Password *\" required oninvalid=\"this.setCustomValidity('New password is required')\"\n              oninput=\"this.setCustomValidity('')\">\n          </div>\n          <div class=\"col-10\">\n            <input id=\"newPasswordConfirm\" type=\"password\" v-model=\"state.newPasswordConfirm\" class=\"form-control\"\n              placeholder=\"Confirm New Password *\" required oninvalid=\"this.setCustomValidity('Password confirmation is required')\"\n              oninput=\"this.setCustomValidity('')\">\n          </div>\n          <div style=\"display:none;\" id=\"msg2\" class=\"col-10 text-danger\" role=\"alert\">\n              Passwords do not match\n          </div>\n          </div>\n        \n        <div class=\"row g-1 justify-content-center mt-2\">\n          <Button label=\"Cancel\" @click=\"close\" class=\"p-button-danger col-5 ms-1\"/>\n          <Button label=\"Submit\" class=\"p-button-primary col-5 ms-1\" @click=\"changePassword($event)\"></Button>\n        </div>\n        <div class=\"row g-3 justify-content-center mt-2\">\n          <div class=\"col-10 mb-3\">\n            <span>* indicates a field is required.</span>\n            <div style=\"display:none;\" id=\"msg3\" class=\"alert alert-danger mt-1\" role=\"alert\">\n              Password needs to be 8-20 characters and include an Uppercase letter, lowercase letter, number, and one of\n              these: #$!@?\n            </div>\n            <div style=\"display:none;\" id=\"msg4\" class=\"alert alert-success mt-1\" role=\"alert\">\n              Password was updated!\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n</template>\n    \n<script setup>\n  import $ from 'jquery';\n  import { reactive, inject } from \"vue\";\n  import Button from 'primevue/button';\n  \n  const dialogRef = inject(\"dialogRef\");\n  const store = inject('store');\n  const state = reactive({\n    currentPassword:\"\",\n    newPassword: \"\",\n    newPasswordConfirm: \"\"\n  });\n    \n  async function changePassword(e) {\n    if(!document.forms['changePass'].reportValidity()) return;\n    e.preventDefault();\n\n    if (state.currentPassword !== store.userState.user.password) {\n      $(\"#msg1\").show().delay(6000).fadeOut();\n      return;\n    }\n     \n    let regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$!@?])[a-zA-Z0-9#$!@?]{8,20}$/;\n    if (!regex.test(state.newPassword)) {\n      state.newPassword = \"\";\n      state.newPasswordConfirm = \"\";\n      $(\"#msg3\").show().delay(6000).fadeOut();\n      return;\n    }\n    if ( state.newPassword !== state.newPasswordConfirm){\n      $(\"#msg2\").show().delay(6000).fadeOut();\n      return;\n    }\n    \n    const user = {\n      \"id\": store.userState.user.id,\n      \"firstName\": store.userState.user.firstName,\n      \"lastName\": store.userState.user.lastName,\n      \"email\": store.userState.user.email,\n      \"password\": state.newPassword,\n      \"type\": \"customer\",\n    }\n\n    $.ajax(\n      {\n        headers: { \n          'Accept': 'application/json',\n          'Content-Type': 'application/json' \n        },\n        'url': 'https://perfectshopapi.mutasemalhariri.com/api/Users/UpdatePassword',\n        'method': 'post',\n        'data': JSON.stringify(user)\n    }).done(() => {\n      $(\"#msg4\").show().delay(6000);    \n      });\n      \n    }\n    \n  function close() {\n      dialogRef.value.close();\n  }\n\n</script>\n    ","import script from \"./UpdatePassword.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UpdatePassword.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <TabView ref=\"tabview1\">\n    <TabPanel header=\"Contact Info\">\n        <h3>Welcome {{ store.userState.user.firstName }} {{ store.userState.user.lastName }}!</h3>\n        <p><strong>Email: </strong>{{ store.userState.user.email }}</p>\n\n        <Button @click=\"changePassword\" label=\"Change Password\" icon=\"pi pi-plus\" class=\"p-button-primary\" />\n    </TabPanel>\n    <TabPanel header=\"My Address\">\n\n        <div v-if=\"store.userState.user.address !== null\">\n            <h4>Shipping Address</h4>\n            <p> <strong>{{ store.userState.user.firstName }} {{ store.userState.user.lastName }} </strong></p>\n            <p> {{ store.userState.user.address.addressLine1 }},\n            {{ store.userState.user.address.addressLine2 }}</p>\n            <p> {{ store.userState.user.address.city }},\n            {{ store.userState.user.address.state }}\n            {{ store.userState.user.address.zip }}</p>\n            <Button @click=\"updateAddress\" label=\"Update Address\" icon=\"pi pi-plus\" class=\"p-button-primary\"/>\n        </div>\n        <div v-if=\"store.userState.user.address === null\">\n            <h3>You have not added your address!</h3>\n            <Button @click=\"addAddress\" label=\"Add Address\" icon=\"pi pi-plus\" class=\"p-button-primary\" />\n        </div>\n        <DynamicDialog />\n\n    </TabPanel>\n    <TabPanel header=\"My Credit Card\">\n        <div v-if=\"store.userState.user.creditCard !== null\">\n            <h4>Payment Information</h4>\n            <p> <strong>Card Holder:</strong> {{ store.userState.user.creditCard.nameOnCard }}</p>\n            <p><strong>Ending in:</strong> {{ store.userState.user.creditCard.cardNumber.slice(12) }}</p>\n            <p><strong>Expires in:</strong> {{ new Date(store.userState.user.creditCard.exprDate).getMonth() + 1 }} /\n            {{ new Date(store.userState.user.creditCard.exprDate).getFullYear() }}</p>\n                <Button @click=\"editCreditCard\" label=\"Update Credit Card\" icon=\"pi pi-plus\" class=\"p-button-primary\" />\n        </div>\n        <div v-else>\n            <h3>You have not added your credit card!</h3>\n            <Button @click=\"addCreditCard\" label=\"Add Credit Card\" icon=\"pi pi-plus\" class=\"p-button-primary\" />\n        </div>\n    </TabPanel>\n    <TabPanel header=\"Order History\">\n        <Accordion v-if=\"store.userState.user.orders.length != 0\" :multiple=\"false\" :activeIndex=\"[0]\">\n            <AccordionTab v-for=\"(order, id) in store.userState.user.orders\"  :header=\"new Date(order.date).toString().slice(4,15)\" :key=\"id\">\n               <div class=\"row g-3\">\n                    <div class=\"col\"><label> Name</label></div>\n                    <div class=\"col\"><label>Price</label></div>\n                    <div class=\"col\"><label>Quantity</label></div>\n               </div>\n                <div v-for=\"(item, i) in order.lineItems\" :key=\"i\" class=\"row g-3\">\n                    <div class=\"col-sm\">{{ item.product.name }}</div>\n                    <div class=\"col-sm\">${{ item.product.price.toFixed(2) }}</div>   \n                    <div class=\"col-sm\">{{ item.quantity }}</div>   \n                </div>\n                <div class=\"row g-3 mt-2\">\n                    <div class=\"col-sm\"> <label>Subtotal:</label>${{order.subtotal.toFixed(2)}}</div>\n                    <div class=\"col-sm\"><label>Tax:</label>${{order.tax.toFixed(2) }}</div>\n                    <div class=\"col-sm\"><label>Total:</label>  ${{ order.total.toFixed(2) }}</div>\n                </div>\n                <div class=\"row g-3 justify-content-center mt-2\"><label>Shipping Address:</label>  {{ order.shippingAddress}}</div>\n                <div class=\"row g-3 mt-2\">\n                    <div class=\"col\"> <label>Order Date:</label></div>\n                    <div class=\"col\"><label>Order Status:</label></div>\n                    <div class=\"col\"><label>Ship Date:</label></div>\n                </div>\n                <div class=\"row g-3\">\n                    <div class=\"col\">{{ order.date.replace('T', ' ').slice(0, 19) }}</div>\n                    <div class=\"col\">{{ order.status }}</div>\n                    <div class=\"col\" v-if=\"order.shipDate != null\">{{ order.shipDate.replace('T', ' ').slice(0, 19)  }} </div>\n                    <div class=\"col\" v-else> Not Shipped yet</div>\n                </div>\n            </AccordionTab>\n        </Accordion>\n        <div v-else>\n            You have not placed any orders!\n        </div>\n    </TabPanel>\n</TabView>\n</template>\n  \n<script setup>\n    import { inject, provide, onMounted } from \"vue\";\n    import Button from 'primevue/button';\n    import TabView from 'primevue/tabview';\n    import TabPanel from 'primevue/tabpanel';\n    import Address from \"../store/Address\";\n    import AddAddress from \"./AddAddress.vue\";\n    import { useDialog } from 'primevue/usedialog';\n    import CreditCardState from '../store/CreditCardState';\n    import AddCreditCard from './AddCreditCard.vue';\n    import UpdatePassword from \"./UpdatePassword.vue\";\n    import Accordion from 'primevue/accordion';\n    import AccordionTab from 'primevue/accordiontab';\n\nonMounted(() => {\nconsole.log(store.userState.user)\n});\n\nconst store = inject(\"store\");\nconst dialog = useDialog();\n\nprovide('dialog', dialog);\n\nfunction addAddress() {\n    const address = new Address();\n    address.customerId = store.userState.user.id;\n    dialog.open(AddAddress, {\n    props: {\n        header: 'Add Address',\n        style: {\n            width: '40vw'\n        },\n        breakpoints: {\n            '960px': '75vw',\n            '640px': '90vw'\n        },\n        modal: true,\n    },\n    data: { addressState: address }\n    });\n}\n\nfunction updateAddress() {\nconsole.log(store.userState.user)\nconst address = new Address();\nObject.assign(address, store.userState.user.address);\naddress.customerId = store.userState.user.id;\ndialog.open(AddAddress, {\nprops: {\n    header: 'Update Address',\n    style: {\n        width: '40vw'\n    },\n    breakpoints: {\n        '960px': '75vw',\n        '640px': '90vw'\n    },\n    modal: true,\n},\ndata: { addressState: address }\n});\n}\n\nfunction changePassword() {\nconst address = new Address();\naddress.customerId = store.userState.user.id;\ndialog.open(UpdatePassword, {\nprops: {\n    header: 'Change Password',\n    style: {\n        width: '40vw'\n    },\n    breakpoints: {\n        '960px': '75vw',\n        '640px': '90vw'\n    },\n    modal: true,\n},\ndata: { addressState: address }\n});\n}\n\nfunction editCreditCard() {\nconst state = new CreditCardState();\nstate.customerId = store.userState.user.id;\nObject.assign(state.creditCard ,store.userState.user.creditCard);\nstate.creditCard.exprDate = new Date(state.creditCard.exprDate);\n\ndialog.open(AddCreditCard, {\nprops: {\n    header: 'Edit Credit Card',\n    style: {\n        width: '40vw',\n    },\n    breakpoints: {\n        '960px': '75vw',\n        '640px': '90vw'\n    },\n    modal: true,\n},\ndata: { creditCardState: state }\n});\n}\n\nfunction addCreditCard() {\nconst state = new CreditCardState();\nstate.customerId = store.userState.user.id;\ndialog.open(AddCreditCard, {\nprops: {\n    header: 'Add Credit Card',\n    style: {\n        width: '40vw',\n    },\n    breakpoints: {\n        '960px': '75vw',\n        '640px': '90vw'\n    },\n    modal: true,\n},\ndata: { creditCardState: state }\n});\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\ninput[type=text] {\nwidth: 50%;\ntext-align: center;\npadding: 12px 20px;\nmargin: 8px ;\nborder: none;\nborder-bottom: 2px solid blue;\n}\nlabel{\nmargin-right: 1em;\nfont-weight: bold;\n}\n\nButton {\nmargin: 1em;\n}\n\n.p-accordion{\n    width: 50%;\n    margin: 0 auto;\n}\n</style>\n","import script from \"./CustomerProfile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomerProfile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomerProfile.vue?vue&type=style&index=0&id=45babd68&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mutas\\\\OneDrive\\\\Desktop\\\\PerfechShop\\\\2023_W_Team1_Mutasem-main\\\\Frontend\\\\perfectshoes\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-45babd68\"]])\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router';\nimport ProductsPage from '../components/ProductsPage.vue';\nimport AddProduct from '../components/AddProduct.vue';\nimport LoginPage from '../components/LoginPage.vue';\nimport OrdersPage from '../components/OrdersPage.vue';\nimport ProductDetails from '../components/ProductDetails.vue';\nimport InventoryPage from '../components/InventoryPage.vue';\nimport ShoppingCart from '../components/ShoppingCart.vue';\nimport CheckoutPage from \"../components/CheckoutPage.vue\";\nimport CustomerProfile from \"../components/CustomerProfile.vue\";\nimport OrdersDetails from \"../components/OrdersDetails.vue\";\n\nconst routes = [\n    {\n        path: '/',\n        name: 'ProductsPage',\n        component: ProductsPage\n    },\n    {\n        path: '/productDetails',\n        name: 'ProductDetails',\n        component: ProductDetails\n    },\n    {\n        path: '/add',\n        name: 'AddProduct',\n        component: AddProduct\n    },\n    {\n        path: '/login',\n        name: 'LoginPage',\n        component: LoginPage\n    },\n    {\n        path: '/orders',\n        name: 'OrdersPage',\n        component: OrdersPage\n    },\n    {\n        path: '/inventory',\n        name: 'InventoryPage',\n        component: InventoryPage\n    },\n    {\n        path: \"/cart\",\n        name: \"ShoppingCart\",\n        component: ShoppingCart\n    },\n    {\n        path: \"/checkout\",\n        name: \"CheckoutPage\",\n        component: CheckoutPage\n    },\n    {\n        path: \"/customer\",\n        name: \"CustomerProfile\",\n        component: CustomerProfile\n    },\n    {\n        path: \"/orderDetails\",\n        name: \"OrderDetails\",\n        component: OrdersDetails\n    }\n\n]\nconst router = createRouter({\n    history: createWebHistory(),\n    routes\n  })\n  \n  export default router","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport \"bootstrap/dist/css/bootstrap.min.css\"\nimport \"bootstrap\"\nimport { library } from '@fortawesome/fontawesome-svg-core'\nimport { fas } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport PrimeVue from 'primevue/config';\nimport DialogService from 'primevue/dialogservice';\nimport 'primevue/resources/primevue.min.css';\nimport 'primeicons/primeicons.css';   \nimport 'primevue/resources/themes/lara-light-indigo/theme.css';   \nimport 'primeicons/primeicons.css';   \nimport DynamicDialog from 'primevue/dynamicdialog';\nimport ConfirmationService from 'primevue/confirmationservice';\nimport ConfirmDialog from 'primevue/confirmdialog';\n\nlibrary.add(fas);\nconst app = createApp(App)\napp.use(router);\napp.use(PrimeVue, {ripple: true});\napp.use(DialogService);\napp.use(ConfirmationService);\napp.component('DynamicDialog', DynamicDialog);\napp.component('font-awesome-icon', FontAwesomeIcon);\napp.component('ConfirmDialog', ConfirmDialog);\napp.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); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// 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[\"webpackChunkperfectshoes\"] = self[\"webpackChunkperfectshoes\"] || [];\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__(810); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["userState","reactive","user","JSON","parse","sessionStorage","getItem","isLoggingInAndCheckingOut","categories","products","currentProduct","orders","cart","order","usStates","methods","async","$","url","method","done","data","value","email","password","headers","type","stringify","Email","Password","success","setItem","error","jqXHR","status","setCurrentProduct","product","console","log","logout","removeItem","loadCategories","persistCart","provide","store","isCustomer","computed","isAdmin","router","useRouter","doRoute","whereTo","push","beforeEach","to","from","next","path","__exports__","Order","constructor","this","customer","subtotal","tax","total","lineItems","customerId","inject","state","filters","categoryId","ref","productDetails","HandleChange","filter","x","category","name","toLowerCase","includes","toLocaleLowerCase","description","onMounted","loadProducts","ProductState","specs","price","qty","dialogRef","initialState","insertCategory","e","preventDefault","Object","assign","show","delay","fadeOut","close","confirm1","useConfirm","header","options","props","productState","dialog","useDialog","addSpec","id","productId","removeSpec","index","require","message","icon","acceptClass","accept","splice","reject","validateProduct","imageUrl","quantity","length","i","insertProduct","addCategory","open","AddCategory","style","width","breakpoints","modal","firstName","lastName","signUpEmail","signUpPassword","login","document","getElementById","checkValidity","catch","isLogingInAndSigningOut","createAccount","regex","test","FirstName","LastName","endsWith","fullfilOrder","loadOrders","onRowSelect","event","OrdersDetails","back","addToCart","isInCart","lineItem","EmployeeState","employee","RolesEnum","employeeState","validateEmail","setCustomValidity","insertEmployee","forms","reportValidity","confirm","selectedProduct","label","command","removeProduct","editProduct","item","addProduct","AddProduct","addEmployee","Role","AddEmployee","p","slice","isActive","filters1","matchMode","FilterMatchMode","taxRate","removedProducts","subTotal","unitPrice","emptyCart","calcCost","hide","increaseQuantity","decreaseQuantity","deleteProduct","verifyProduct","loginAndCheckout","LoginPage","checkout","isProduct","j","onBeforeMount","isPlaced","orderId","placeOrder","creditCard","exprDate","dateField","children","readOnly","required","response","fail","alert","Address","addressLine1","addressLine2","zip","city","addressState","AddAddress","address","CreditCardState","creditCardState","validateCreditCard","nameOnCard","cardNumber","cvc","IsNumber","keyCode","UpsertCreditCard","toJSON","creditCardId","currentPassword","newPassword","newPasswordConfirm","changePassword","addAddress","updateAddress","UpdatePassword","editCreditCard","Date","AddCreditCard","addCreditCard","routes","component","ProductsPage","ProductDetails","OrdersPage","InventoryPage","ShoppingCart","CheckoutPage","CustomerProfile","createRouter","history","createWebHistory","library","fas","app","createApp","App","use","PrimeVue","ripple","DialogService","ConfirmationService","DynamicDialog","FontAwesomeIcon","ConfirmDialog","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","keys","every","key","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","Function","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","__webpack_exports__"],"sourceRoot":""}