{% extends 'common.html' %}
{% block title %}
    Task Result Details
{% endblock %}
{% block content %}
    <main>
    <style>
        body {
            max-width: unset;
            width: 100%;
        }
        .task-result-details-wrapper {
            width: 100%;
        }
        .task-result-details-wrapper table {
            width: 100%;
        }
        .task-result-details-wrapper th,
        .task-result-details-wrapper td {
            vertical-align: top;
        }
    </style>
    <!--
    <div class="task-result-details-wrapper">
    <h1>DB Task Result Details</h1>
    <p>
        <a href="{% url 'task_results' %}">← Retour à la liste</a>
    </p>
    -->
    <table style="table-layout: auto;">
        <thead>
        <tr>
            <th>champ</th>
            <th>valeur</th>
        </tr>
        </thead>
        <tbody>
        {% for row in detail_rows %}
            <tr>
                <td><strong>{{ row.name }}</strong></td>
                <td><pre style="margin:0;white-space:pre-wrap;">{{ row.value }}</pre></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </div>
    </main>
{% endblock %}