<section>
  {{#if shouldShow}}
    <div class="oauth-header">
      <h2>{{ localize "BWContent.Authentication.DiscordHeader" }}</h2>
    </div>

    <div class="oauth-requirements">
      <p>{{ localize "BWContent.Authentication.DiscordRequirements1" }}</p>
      <p>
        {{ localize "BWContent.Authentication.DiscordRequirements2" }}
        <a href="https://discord.gg/HvsjGFCM6K" target="_blank">
          {{ localize "BWContent.Authentication.DiscordServer" }}
        </a>
      </p>
    </div>

    {{#unless awaitingAuth}}
      <div class="oauth-controls">
        <button class="auth-button discord-button" data-action="loginDiscord">
          <i class="fab fa-discord"></i>
          {{ localize "BWContent.Authentication.StartAuth" }}
        </button>
      </div>

      <div class="oauth-instructions">
        <p>{{ localize "BWContent.Authentication.PatreonInstructions" }}</p>
      </div>
    {{else}}
      {{> (partial "auth/manual-token.hbs") }}
    {{/unless}}

    {{#if errorMessage}}
      <div class="auth-status error">
        <p><i class="fas fa-triangle-exclamation"></i> {{errorMessage}}</p>
      </div>
    {{/if}}
  {{/if}}
</section>
