signIn

<template>
  <div>
    <nav class="header">
      <a href="/">
        <h1>
          TACHOGRAFY
          <span>LIBEREC s.r.o.</span>
        </h1>
      </a>
      <a class="trigger">MENU</a>
      <ul id="navigation" class="ul">
        <li>
          <a href="/#anchor-sluzby">služby</a>
        </li>
        <li>
          <a href="/#anchor-onas">
            o
            nás
          </a>
        </li>
        <li>
          <a href="/#anchor-kontakty">kontakt</a>
        </li>
        <li>
          <a href="./gallery">galerie</a>
        </li>
        <li>
          <a class="btn" id="btn-in-header" href="/registration">registrace</a>
        </li>
      </ul>
    </nav>
    <div class="formwrapper">
      <form class="m-5">
        <h2>login</h2>
        <div class="form-group">
          <input
            autocomplete="email"
            value
            type="email"
            id="email"
            name="email"
            class="form-control"
            v-model="email"
          >
          <label for="email">Email</label>
        </div>
        <div class="form-group">
          <input
            autocomplete="password"
            value
            type="password"
            id="password"
            name="password"
            class="form-control"
            v-model="password"
            required
          >
          <label for="password">Heslo</label>
        </div>
        <button class="btn btn-primary" type="submit" @click.prevent="signIn">přihlásit</button>
        <div v-for="error in respmessage" class="alert alert-danger mt-3 mr-5 ml-5">
          <p>{{error}}</p>
        </div>
      </form>
    </div>
    <footer class="footer">
      <span class="stranky">tachografy liberec &copy; 2018</span>
      <span class="autori">
        vytvořili:
        <a href="mailto:dan.jsef@gmail.com">Daniel Josef</a> &
        <a href="https://www.pslib.cz/daniel.vondra">Daniel Vondra</a>
      </span>
    </footer>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      email: "",
      password: "",
      allErrors: []
    };
  },
  methods: {
    signIn: function() {
      axios
        .post(
          "/api/user/sign-in",
          { email: this.email, password: this.password },
          { headers: { "X-Requested-With": "XMLHttpRequest" } }
        )
        .then(response => {
          const token = response.data.token;
          localStorage.setItem("user_token", token);
          this.$router.go();
        })
        .catch(error => {
          const data = error.response.data.errors;
          for (var key in data) {
            if (data.hasOwnProperty(key)) {
              this.allErrors.push(data[key][0]);
            }
          }
        });
    },
    checkUser: function() {
      const token = localStorage.getItem("user_token");
      axios
        .post("/api/user/data?token=" + token, {
          headers: { "X-Requested-With": "XMLHttpRequest" }
        })
        .then(response => {
          if (response.data.user !== false) {
            this.$router.push("/reservation");
          }
        })
        .catch(error => {
          console.log(error);
        });
    }
  },
  mounted() {
    this.checkUser();
  }
};
</script>