
<template>
  <v-container>
    <div class="h3 py-5 body-font1">Personalized Order Status</div>
    <div class="pt-5">
      The Estimated Ship Date is based on the approximate number of business
      days, after proof approval, that your order will ship.
      <div class="pl-4 pt-4">
        Please note that it does not currently reflect shortened time frames for
        Sympathy and Birth orders.
      </div>
      <div class="pl-4 pb-4">
        Multi-process, custom and other complex orders may experience delays
        beyond this range.
      </div>
      Package tracking information is provided by the shipping carrier. Tracking
      details will be made available when the shipping carrier has processed
      your package.
    </div>

    <iframe
      class="my-5"
      :src="url"
      :height="frameHeight"
      :width="frameWidth"
    ></iframe>
  </v-container>
</template>
<script>
export default {
  name: "PersonalizedOrderSummaryPage",
  data() {
    return {
      url: "https://orderexplorer.crane.com/OrderExplorer/?account=customer",
      frameHeight: "800px",
      frameWidth: "100%",
    };
  },
  computed: {
    customerNumber() {
      return this.$store.state.accountOne.customerNumber
    },
  },
  watch: {
    customerNumber() {
      this.url =
        "https://orderexplorer.crane.com/OrderExplorer/?account=" +
        this.customerNumber;
    },
  },
  mounted() {
    if (this.customerNumber)
      this.url =
        "https://orderexplorer.crane.com/OrderExplorer/?account=" +
        this.customerNumber;
  },
};
</script>

<style src="./personalized_order_status.scss" lang="scss" scoped/>
