{% extends "base_generic_empty.html" %}

{% load static %}

{% block title %}Bad request · Ghostwriter{% endblock %}

{% block content %}
    <section class="error-state-page error-state--request" aria-labelledby="error-state-title">
        <article class="error-state-card">
            <header class="error-state-header">
                <div class="error-state-code" aria-label="Status code 400">400</div>
                <img class="error-state-art" src="{% static 'images/scared.png' %}" alt="" aria-hidden="true">
                <div>
                    <span class="detail-eyebrow">Request halted</span>
                    <h1 id="error-state-title">We could not process that request</h1>
                    <p>Something in the request was not accepted. Return to your workspace and try again.</p>
                </div>
            </header>
            <div class="error-state-guidance">
                <i class="fas fa-info-circle" aria-hidden="true"></i>
                <p>If the problem repeats, share what you were trying to do with your Ghostwriter administrator.</p>
            </div>
            <footer class="error-state-actions">
                <a href="{% url 'home:dashboard' %}" class="btn btn-primary"><i class="fas fa-home" aria-hidden="true"></i> Return to dashboard</a>
            </footer>
        </article>
    </section>
{% endblock content %}