<template>
  <div class="auth-page">
    <header class="auth-topbar">
      <router-link to="/" class="auth-topbar__brand">
        <img src="/logo.svg" height="32" width="32" alt="RunForge" />
        <span>RunForge</span>
      </router-link>
      <router-link v-if="!isElectron()" to="/" class="auth-topbar__link">返回首页</router-link>
    </header>

    <Navbar v-if="isElectron()" class="auth-page__nav" />

    <main class="auth-page__main">
      <Container />
    </main>

    <p class="auth-page__legal">© {{ year }} RunForge · 智能校园乐跑平台</p>
  </div>
</template>

<script setup>
import Navbar from '@/components/Navbar/index.vue'
import Container from './components/container.vue'
import { isElectron } from '@/utils/electron'

const year = new Date().getFullYear()
</script>

<style scoped lang="less">
@import '@/styles/auth-marketing.less';

.auth-page__nav {
  position: relative;
  z-index: 20;
}
</style>
