{% extends "base.html" %}
{% load i18n %}

{% block title %}Sign-in failed{% endblock %}

{% block content %}
<section class="page-hero" aria-labelledby="auth-error-heading">
  <div class="container">
    <div class="page-hero-content">
      <h1 class="page-hero-title" id="auth-error-heading">Sign-in failed</h1>
      <p class="page-hero-subtitle">We could not complete third-party authentication.</p>
    </div>
  </div>
</section>

<section class="section">
  <div class="container container--narrow">
    <div class="glass-card portal-card fade-in">
      <div class="form-errors">
        {% trans "An error occurred while attempting to sign in with your third-party account." %}
      </div>
      <p class="portal-intro">
        {% trans "Please try again, or sign in with your email and password." %}
      </p>
      <div class="portal-actions">
        <a href="{% url 'accounts:login' %}" class="btn-primary">Back to login</a>
        <a href="{% url 'pages:contact' %}" class="btn-ghost">Contact support</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}
