<nav class="nav__container">
  <input type="checkbox" class="nav__toggle" id="nav__toggle" />

  <div class="nav__header">
    <a class="nav__logo-container" href="{{ page.home }}">
      <img src="{{ assets.logo.path }}" alt="{{ assets.logo.name }}" class="nav__logo" />
      <p class="nav__logo-text">mCaptcha Survey</p>
    </a>
    <label class="nav__hamburger-menu" for="nav__toggle">
      <span class="nav__hamburger-inner"></span>
    </label>
  </div>

  <div class="nav__spacer"></div>

  <div class="nav__link-group">
    <div class="nav__link-container">
      <a class="nav__link" rel="noreferrer" href="{{ page.home }}"
        >Home</a
      >
    </div>

    <div class="nav__link-container">
      <a
        class="nav__link"
        rel="noreferrer"
        href="{{ page.panel.campaigns.home }}"
        >Campaigns</a
      >
    </div>

    <div class="nav__link-container">
      <a class="nav__link" rel="noreferrer" href="/settings">Settings</a>
    </div>

    <div class="nav__link-container">
      <a
        class="nav__link"
        rel="noreferrer"
        href="{{ api.admin.auth.logout }}"
        >Log out</a
      >
    </div>
  </div>
</nav>