{% extends "base_template.html" %}
{% block title %}{{ title }}{% endblock %}
{% block head %}
{{ super() }}
<style>
  .popover .popover-body h2 {
    font-size: 1.2em;
    font-weight: bold;
  }
  #table-errors td h2 {
    font-size: 1em;
    font-weight: bold;
  }

  @media print {
    .hidden-print {
      display: none;
    }
  }
</style>
{% endblock %}
{% block content %}
{% if print_mode %}
<div class="row">
    <div class="col-md-5">
{% endif %}
        <h1 class="my-4">{{ title }}</h1>
        <p>Validation effectuée {{ validation_date }}</p>
        <p><img src="{{ badge_url }}" alt="{{ badge_msg }}" title="{{ badge_msg }}"/></p>
{% if print_mode %}
    </div>
    <div class="col-md-7">
        <img src="{{ url_for('static', filename='img/logo-horizontal.png') }}" height="80" alt="Validata" />
    </div>
</div>
{% endif %}
{% if source.type == 'url' %}
<p class="hidden-print">
    <a href="{{ url_for('pdf_report') }}?schema={{schema_url|urlencode}}&url={{source.name|urlencode}}" target="_blank">
        Télécharger en PDF
    </a>
</p>
{% endif %}
    {# Schema info #}
    <div class="row">
        <div class="col-md-{% if print_mode %}12{% else %}5{% endif %} my-4">
            <div class="card bg-faded">
                <div class="card-body">  
                    {% include 'schema_info_part.html' %}
                    <hr />
                    <div>
                        <h5 class="card-title">
                            Fichier traité
                        </h5>
                        {% if source_type == 'file' %}
                            {{ source.name }}
                        {% endif %}
                        {% if source_type == 'url' %}
                            <a href="{{source.name}}" target="_blank">
                                {{source.name}}
                            </a>
                        {% endif %}
                        <br />
                        Dimensions : {{ report.table.col_count }} colonnes et {{ report.table.row_count }} lignes
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% import 'validation_macros.html' as macros %}

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

    {{ macros.preview(source_data) }}

    {% else %}

    <h2>La table est invalide</h2>

    <p>
        {% set error_count = report.table['error-stats']['count'] %}
        {% if error_count == 1 %}
        1 erreur détectée.
        {% else %}
        {{ error_count }} erreurs détectées.
        {% endif %}
    </p>

    {{ macros.error_statistics(report) }}


    {% if report.table.errors.structure %}
        <h3>Erreurs de structure</h3>
        {# Non-column errors #}
        {% for err in report.table.errors.structure %}
            {% if not err.in_column_comp %}
                {{ err.content | safe }}
            {% endif %}
        {% endfor %}

        {# Column errors #}
        {% for err in report.table.errors.structure %}
            {% if err.in_column_comp %}
                {{ err.content | safe }}
            {% endif %}
        {% endfor %}


        {# Afficher un tableau de comparaison des colonnes #}
        {% if report.table.column_comparison_needed %}
        <table class="table table-bordered table-sm table-striped table-hover">
            <thead class="thead-light">
                <tr>
                    <th scope="col">Colonnes du fichier</th>
                    <th scope="col">Colonnes attendues</th>
                </tr>
            </thead>
            <tbody>
                {% for elt in report.table.column_comparison_info.table %}
                    <tr{% if elt[2] == 'ko' %} class="table-danger"{% endif %}>
                        <td>{{ elt[0] }}</td>
                        <td>{{ elt[1] }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        {% if report.table.column_comparison_info.has_missing %}
        <p>Attention : toutes les colonnes attendues doivent être présentes dans le fichier à valider.<p>
        {% endif %}
        {% if report.table.column_comparison_info.has_case_errors %}
        <p>Attention : la casse (minuscules/majuscules) doit être respectée dans les noms de colonne.<p>
        {% endif %}

        {% endif %}
    {% endif %}

    {# We do display body errors! #}
    {% if report.table.do_display_body_errors %}
    <h3>Erreurs de contenu</h3>

    {# No errors - display preview #}
    {% if not report.table.errors.body %}
    <p>
        Aucune erreur de contenu
    </p>
    {{ macros.preview(source_data) }}

    {% else %}

    {# display errors #}
    {{ macros.body_errors(report, source_data, print_mode) }}

    {% endif %}

    {# do not display errors #}
    {% else %}
    <p>
        Veuillez corriger ces erreurs pour visualiser les éventuelles erreurs de contenu.
    </p>
    {% endif %}
    {% endif %}


    {% endblock %}

    {% block footer %}
    <script>
  $(function() {
    // Errors tooltip activate
    $('[data-toggle="popover"]').popover({
      html: true,
      placement: "auto",
      trigger: "hover"
    });
  });
</script>

    {% endblock %}