{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load csp %}
{% load friendly_loader %}

{% block wtitle %}{% block ptitle %}{% trans "Internal server error" %}{% endblock %}{% endblock %}
{% if use_sentry %}
{% block css %}<link href="{% static 'css/sentry.css' %}" rel="stylesheet" type="text/css">{%  endblock %}
{% block headJS %}<script src="{% static 'js/lib/sentry.min.js' %}"></script>{% endblock %}
{% endif %}

{% block content %}
    {% if use_sentry %}
        <script nonce="{% csp_js_nonce %}">Sentry.init({ dsn: '{{ sentry_dsn }}');</script>
    {% endif %}
{% url 'base_problems' as problems_url %}
    <div class="container"><section class="section">
    <div class="col-md-5">
    <h1>Internal Server Error (500)</h1>
<p>{% blocktrans %}We're sorry, but we didn't expect this to happen. Our error reporting tool should have sent an email to us with some technical details. Please try again later. If the problem persists, see our <a href="{{ problems_url }}">problem reporting page</a>.{% endblocktrans %}</p>
    {% if use_sentry %}
        <p>{% blocktrans %}We have recorded the error under the Identifier {{ event_id }}.{% endblocktrans %}</p>
        <script nonce="{% csp_js_nonce %}">
            Sentry.showReportDialog({
                eventId: '{{ event_id }}',
            {% if request.user %}
                user: {
                    name: '{{ request.user.username }}',
                    email: '{{ request.user.email }}',
                }
            {% endif %}
            });
        </script>
    {% endif %}
    </div><div class="col-md-offset-1 col-md-5"><img src="{% static 'gfx/server-Bit.png' %}"></div>
</section> </div>
{% endblock %}