<template>
  <div v-if="survey">
    <Survey :survey="survey"></Survey>
  </div>
</template>
    
    <script>
import * as SurveyVue from "survey-vue";
const Swal = require("sweetalert2");
import { json } from "./form";

export default {
  components: { Survey: SurveyVue.Survey },
  data: () => ({
    survey: null,
    data:null
  }),

  async mounted() {
    let self = this;
    await axios
      .get("/api/page/edit/" + this.$route.params.id, {
        headers: {
          Authorization: AT,
          Accept: "application/json",
        },
      })
      .then((response) => {
        this.data = response.data;
      });
    this.survey = new SurveyVue.Model(json);

    this.survey.onCompleting.add(async function (result, options) {
      options.allowComplete = false;
      console.log(result.data);
      await axios
        .post("/api/page/update/"+self.$route.params.id, result.data)
        .then((response) => {
          if (response.data) {
            console.log(response.data)
            Swal.fire({
              title: "Actualizado",
              text: "La pagina ha sido actualizada con éxito",
              icon: "success",
            //  timer: 2000,
            }).then(function () {
              window.location.href =
                "/panel-administracion/paginas";
            });
          } else {
            Swal.fire({
              title: "Error!",
              text:
                "No se pudo actualiza la pagina. Por favor intente más tarde.",
              icon: "error",
          //    timer: 3000,
            }).then((_) => {
              location.reload();
            });
          }
        });
    });
    this.survey.data = self.data;
  },
  methods: {},
};
</script>