Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/components/Pages/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <h1>Answer a few quick questions</h1>
    <p class="description">Required to calculate your Est Reg Tax & County Fee.</p>
    <form action="">

      <renewal-details-form :index="index"
                            :show-cancel-vehicle="showCancelVehicle"
                            :ref="getRenewalDetailsFormKey(index)"
                            :key="getRenewalDetailsFormKey(index)"
                            v-for="(offlineFormPlate,index) in  offlineFormPlates"
                            :plate="offlineFormPlate"/>

      <div class="form-button-wrapper">
        <nuxt-link :to="prevPath ? prevPath : `/${currentStateCode}/step-4`" class="btn-return">
          <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M5 9L1 5L5 1" stroke="#182D40" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
          Return to vehicle
        </nuxt-link>
        <button type="submit" class="btn btn-form-green" @click.prevent="submit">
          Continue
          <svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1 1.5L6 6.5L1 11.5" stroke="white" stroke-width="1.2" stroke-linecap="round"
                  stroke-linejoin="round"/>
          </svg>
        </button>
      </div>

    </form>
  </div>
</template>

<script>

import RenewalDetailsForm from "@/components/Forms/RenewalDetailsForm";
import forms from "@/mixins/forms";
import pa from "../../pages/pa";

export default {
  name: "RenewalDetailsPage",
  mixins: [forms],
  props: {
    nextPath: {
      required: false
    },
    prevPath: {
      required: false
    },
    showCancelVehicle:{
      required:false,
      default:true
    }
  },
  components: {RenewalDetailsForm},
  methods: {
    getRenewalDetailsFormKey(index) {
      return `renewal_details_form_${index}`;
    },
    submit() {

      this.offlineFormPlates.forEach((storedPlate, index) => {
        this.$eventBus.$emit(`submitPlateRenewalForm_${index}`);
      });

      let path = this.nextPath ? this.nextPath : `/${this.currentStateCode}/step-6`;

      this.storeSavedSession('renewal-details', path, {
        selected_items: this.offlineFormPlates,
        prices: this.offlineFormPlates
      });


    }
  }
}
</script>

<style scoped>

</style>