{% extends "base.html" %}
{% block title %}<h2>{{ domain }}</h2>{% endblock title %}
{% block content %}
    <div id="domains" class="overflow-auto">
        <table id="domains-list" role="grid" class="striped">
        <thead>
            <tr>
                <th scope="col">URL</th>
                <th scope="col">Check</th>
                <th scope="col">Current status</th>
                <th scope="col">Severity</th>
                <th scope="col">Expected</th>
                <th scope="col"></th>
            </tr>
        </thead>

        <tbody id="domains-body">
            {%- set status_lex = { "success": "✅ Success", "error": "⚠️ Error", "failure": "❌ Failure", "unknown": "❔ Unknown" } -%}
            {%- set severity_lex = { "ok": "✅ OK", "warning": "⚠️ Warning", "critical": "❌ Critical", "unknown": "❔ Unknown" } -%}
            {% for task in tasks %}
            <tr scope="row">
                <td>{{ task.url }} (IPv{{ task.ip_version }})</td>
                <td>{{ task.check }}</td>
                <td class="status highlight">
                    {% if task.status %}
                    <a data-tooltip="Completed at {{ task.completed_at }}"
                       href="{{ url_for('get_result_view', result_id=task.last_result.id) }}">
                        {{ status_lex[task.status] }}
                    </a>
                    {% else %}
                        Waiting to be checked
                    {% endif %}
                </td>
                <td>{{ severity_lex[task.severity] }}</td>
                <td>{{ task.expected }}</td>
                <td><a href="{{ url_for('get_task_results_view', task_id=task.id) }}">view all</a></td>
            </tr>
            {% endfor %}
        </tbody>
        </table>
    </div>
{% endblock content %}