<template>
  <main class="empty-page white-bkg">
    <NuxtLogo />
    <NuxtLink to="/go" class="btn btn--primary"> go to the site </NuxtLink>
  </main>
</template>

<script>
import { PortierClient } from "portier";
//import ENV from "../plugins/env.js";

export default {
  loading: {
    color: "#007fff",
    height: "1rem",
  },
  //   data () {
  //     return {
  //       portier: new PortierClient({
  //         //broker: process.env.PORTIER_URL,
  //         redirectUri: this.$config.env.baseURL() + "/login/verify",
  //       })
  //     }
  //   },
  created() {
    this.$cookies.set("at-veri", "set", {
      path: "/",
      maxAge: 60 * 60 * 24 * 7,
    });
  },
//   mounted() {
//     console.log(this.$BASE_URL());

//     const portier = new PortierClient({
//       //broker: process.env.PORTIER_URL,
//       redirectUri: this.$BASE_URL() + "/login/verify",
//     });
//     portier.verify(req.body.id_token).then((email) => {
//       const redirectButton = req.query.redirect
//         ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
//         : `<a href="${ENV.BASE_URL}">${ENV.BASE_URL}</a>`;
//       // needed to string .cookie and .type together
//       res
//         .cookie("email", email, {
//           httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
//           maxAge: 60 * 60 * 24 * 30,
//           signed: false,
//           domain: ENV.BASE_URL,
//           path: "/go",
//         })
//         .type("html").end(`
//           <p>Verified email address ${email}!</p>
//           ${redirectButton}
//         `);
//     });
//   },
//   async asyncData(context, { req, res }) {
//       //console.log(req.body)
//     const portier = new PortierClient({
//       //broker: process.env.PORTIER_URL,
//       redirectUri: context.$BASE_URL() + "/login/verify",
//     });
//     // portier.verify(context.req.body.id_token).then((email) => {
//     //   //   const redirectButton = req.query.redirect
//     //   //     ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
//     //   //     : `<a href="${context.$BASE_URL()}">${context.$BASE_URL()}</a>`;
//     //   //   // needed to string .cookie and .type together
//     //   //   res
//     //   //     .cookie("email", email, {
//     //   //       httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
//     //   //       maxAge: 60 * 60 * 24 * 30,
//     //   //       signed: false,
//     //   //       domain: context.$BASE_URL(),
//     //   //       path: "/go",
//     //   //     })
//     //   //     .type("html").end(`
//     //   //       <p>Verified email address ${email}!</p>
//     //   //       ${redirectButton}
//     //   //     `);

//     //   context.$cookies.set("at-veri", "set", {
//     //     path: "/",
//     //     maxAge: 60 * 60 * 24 * 7,
//     //   });

//     //   console.log(email);
//     // });
//   },
  async fetch(context) {
      //console.log(context)
      console.log(context.req)
      console.log(context.req.body)
    //console.log("fetch " + res.$BASE_URL());
    // console.log(this.$BASE_URL)
    // console.log($BASE_URL)
    // const portier = new PortierClient({
    //   //broker: process.env.PORTIER_URL,
    //   redirectUri: this.$BASE_URL + "/login/verify",
    // });
    // portier.verify(req.body.id_token).then((email) => {
    //   const redirectButton = req.query.redirect
    //     ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
    //     : `<a href="${ENV.BASE_URL}">${ENV.BASE_URL}</a>`;
    //   // needed to string .cookie and .type together
    //   res
    //     .cookie("email", email, {
    //       httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
    //       maxAge: 60 * 60 * 24 * 30,
    //       signed: false,
    //       domain: ENV.BASE_URL,
    //       path: "/go",
    //     })
    //     .type("html").end(`
    //       <p>Verified email address ${email}!</p>
    //       ${redirectButton}
    //     `);
    // });
  },
};
</script>

<style scoped>
html {
  background-color: black;
}

.empty-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>