<script setup>
  const route = useRoute()
</script>

<template>
  <div class="footer" v-if="route.path === '/login' || route.path === '/register' ? false : true">
    <div class="top">
      <ul class="info">
        <li><h5>Resources</h5></li>
        <li><NuxtLink to="/about">About Us</NuxtLink></li>
        <li><NuxtLink to="/guide/what-is-bitcoin">What is Bitcoin</NuxtLink></li>
        <li><NuxtLink to="/guide/how-to-get-started">Getting Started</NuxtLink></li>
      </ul>
      <ul class="community">
        <li><h5>Community</h5></li>
        <li><NuxtLink to="/#events">Events</NuxtLink></li>
        <li><NuxtLink to="/workshop">Workshops</NuxtLink></li>
        <li><NuxtLink to="/suggest">Suggestions</NuxtLink></li>
      </ul>
      <ul class="social">
        <li><h5>Follow us</h5></li>
        <li><NuxtLink to="https://twitter.com/UpstateNYBTC" target="_BLANK">Twitter</NuxtLink></li>
        <li><NuxtLink to="https://www.meetup.com/capitalregionbitcoinnetwork" target="_BLANK">Meetup</NuxtLink></li>
        <li><NuxtLink to="https://discord.gg/jnrh6rPQ4b" target="_BLANK">Discord</NuxtLink></li>
      </ul>
      <ul class="donate">
        <li><h5>Support us</h5></li>
        <li class="btn" ><NuxtLink to="https://btcpay0.voltageapp.io/apps/2hjkatjQgn5LUU2bkHZxQmq8uR1y/crowdfund" target="_BLANK"><span class="icon-btc-b"></span> Donate</NuxtLink></li>
      </ul>
    </div>
    <hr/>
    <div class="bottom">
      <div class="center">
        <div class="who">
          <p>Made with <span class="icon-btc-b"></span> by <NuxtLink to="https://ryanmoon.com" target="_blank">Ryan Moon</NuxtLink></p>
        </div>
        <ul>
          <li><NuxtLink to="/privacy">Privacy Policy</NuxtLink></li>
          <li><NuxtLink to="/terms">Terms of Service</NuxtLink></li>
          <li><NuxtLink to="https://git.inspin.io/ryan/crbtc.org" target="_blank">Source Code</NuxtLink></li>
        </ul>
      </div>
    </div>
  </div>
</template>