{% extends "base.html" %}
{% block title %}{{ title }}{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}
{% block content %}
<h1>{{ title }}</h1>

<!-- Schema info -->
<div class="card bg-faded" style="width: 30rem;">
    <div class="card-body">
        <h5 class="card-title">
            Schéma {{ val_info.code }}
            <span class="badge badge-primary">{{ val_info.version }}</span>
        </h5>
        <h6 class="card-subtitle mb-2 text-muted">{{ val_info.description }}</h6>
        <p class="text">
            {% if source_type == 'file' %}Fichier{% endif %}
            {% if source_type == 'url' %}URL{% endif %}
            à valider : {{ source }}
        </p>
    </div>
</div>

{% if report.error_count == 0 %}
<h2>La table est valide</h2>
<p>Aucune erreur détectée</p>

{% include 'table_preview.html' %}

{% else %}

<h2>La table est invalide</h2>
<p>{{ report.error_count }} erreur(s) détectée(s)</p>

<!-- table checks -->

{% if report.table.errors.structure %}
<div>
    <h3>Problèmes de structure</h3>
    <ul>
        {% for err in report.table.errors.structure %}
        <li>[{{ err.code }}] {{ err.message }}</li>
        {% endfor %}
    </ul>
</div>
{% endif %}

<!-- row checks -->

{% if report.table.errors.body %}
<div>
    <h3>Erreurs de valeurs</h3>

    <div class="table-responsive-sm">
        <table class="table-sm table-bordered">
            <thead class="thead-light">
                <th scope="col">Ligne</th>
                {% for h in report['table']['headers'] %}
                <th scope="col">{{ h }}</th>
                {% endfor %}
            </thead>
            <tbody>
                {% for row in report.table.errors.by_rows %}
                <tr>
                    {% if 'row' in row.errors %}
                    <th class="table-danger data-toggle=" tooltip" title="{{ row.errors.row.message }}">{{ row.row_id
                        }}</th>
                    {% else %}
                    <th>{{ row.row_id }}</th>
                    {% endif %}
                    {% for d in source_data.data_rows[row.row_id - 2] %}
                    {% if loop.index in row.errors %}
                    <td class="table-danger" data-toggle="tooltip" title="[{{row.errors[loop.index].code}}] {{ row.errors[loop.index].message }}">
                        {% else %}
                    <td>
                        {% endif %}
                        {{ d | truncate(30) }}
                    </td>
                    {% endfor %}
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% endif %}

</div>


<!--
<pre>
    {{ report_str }}
</pre>
-->

{% endif %}
{% endblock %}
{% block footer %}
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
</script>
{% endblock %}