<template>
  <div class="page">
    <header>
      <div class="logo">
        <router-link to="/">
          <img src="../assets/images/HeaderLogo.png">
        </router-link>
      </div>
      <div class="sublogo">
        Careers
      </div>
      <nav class="nav">
        <div class="nav-item">
          <router-link class="nav-link" to="/admin/jobs">Jobs</router-link>
        </div>
        <div class="nav-item">
          <router-link class="nav-link" to="/admin/applicants">See Applicants</router-link>
        </div>
      </nav>
      <div class="selectors">
      </div>
      <div class="account nav">
        <div class="nav-item">
          <router-link class="nav-link" to="/logout">Sign Out</router-link>
        </div>
      </div>
    </header>
    <div>
      <router-view/>
    </div>
    <footer>
      <div class="main-footer">
        <div class="logo">
          <img src="../assets/images/HeaderLogo.png">
        </div>
        <div class="sublogo">
          Careers
        </div>
        <div class="contact">
          <p>Contact Us at +62888123123</p>
          <p>Leave a Message</p>
        </div>
      </div>
      <div class="copyright">
        2020. All Rights Reserved.
      </div>
    </footer>
  </div>
</template>

<script>
export default {
    mounted() {
        if(this.$store.state.adminApiKey == 0) {
            this.$router.push("/");
        }
    }
}
</script>
<style>
</style>
