{% extends 'esistatus/base.html' %}

{% load i18n %}
{% load esistatus_versioned_static %}

{% block esistatus_details %}
    <div class="aa-esistatus row">
        {% if has_status_result %}
            {% translate "Red Endpoints" as translated_header_red %}
            {% include 'esistatus/partials/endpoints.html' with title=translated_header_red status="red" data=esi_endpoint_status.red %}

            {% translate "Yellow Endpoints" as translated_header_yellow %}
            {% include 'esistatus/partials/endpoints.html' with title=translated_header_yellow status="yellow" data=esi_endpoint_status.yellow %}

            {% translate "Green Endpoints" as translated_header_green %}
            {% include 'esistatus/partials/endpoints.html' with title=translated_header_green status="green" data=esi_endpoint_status.green %}
        {% else %}
            <p class="alert alert-warning text-center">
                {% translate "Couldn't read the ESI status. Please try and reload the page. If that doesn't help, it is possible that ESI might be down entirely." %}
            </p>
        {% endif %}
    </div>
{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="{% esistatus_static 'esistatus/css/esistatus.min.css' %}" type="text/css">
{% endblock %}
