{% extends "base_template.html" %}
{% block title %}{{ title }}{% endblock %}
{% block head %}
{{ super() }}
<style>
    .popover .popover-body h2 {
        font-size: 1.2em;
        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>{{ title }}</h1>
        <p class="text">Validation effectuée {{ validation_date }}</p>
        <p class="text alert alert-info hidden-print">
            Pour relancer la validation, <a href="#" onclick="location.reload();">rechargez</a> la page.
        </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="text hidden-print">Obtenir le rapport au format <a href="{{ url_for('pdf_report', val_code=val_info.code) }}?url={{source.name|urlencode}}">PDF</a>
    {% 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">
                    <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>
                    {% if val_info.author or val_info.contributor %}
                    <p class="text">
                        {% if val_info.author %}
                        Auteur : {{ val_info.author }}
                        {% endif %}
                        {% if val_info.contributor %}
                        <br />Contributeur(s) : {{ val_info.contributor }}
                        {% endif %}
                    </p>
                    {% endif %}
                    <p>
                        <a href="{{ val_info.doc_url }}" target="_blank" class="card-link">Documentation</a>
                    </p>
                    <hr />
                    <p class="text alert alert-secondary" style="margin-bottom: 0;">
                        Source
                        {% if source_type == 'file' %}
                        (fichier) : <em>{{ source.name }}</em>
                        {% endif %}
                        {% if source_type == 'url' %}
                        (URL) : <em><a href="{{source.name}}" target="_blank" title="{{source.name}}">
                                {% if print_mode %}
                                {{source.name}}
                                {% else %}
                                {{source.name | truncate(60)}}
                                {% endif %}
                            </a></em>
                        {% endif %}
                        <br />
                        Dimensions : <em>{{ report.table.col_count }} colonnes et {{ report.table.row_count }}
                            lignes</em>
                    </p>
                </div>
            </div>
        </div>
    </div>

    {% import 'table_macros.html' as tables %}

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

    {{ tables.preview(source_data) }}

    {% else %}

    <h2>La table est invalide</h2>

    {# table checks #}

    {% if report.table.errors.structure %}
    <div>
        <h3>Problèmes de structure</h3>
        {% for err in report.table.errors.structure %}
        <div class="alert alert-danger">
            {{ err.message | safe}}
        </div>
        {% endfor %}
    </div>
    {% endif %}

    <!-- row checks -->

    {% if not report.table.errors.body %}
    <h3>Problèmes de contenu</h3>
    <p class="text">
        Aucune erreur de contenu
    </p>

    {{ tables.preview(source_data) }}

    {% endif %}

    {% if report.table.errors.body %}

    {% if not report.table.display_body_errors %}
    <p class="text">
        Veuillez corriger ce(s) erreur(s) pour visualiser les problèmes de contenu.
    </p>

    <p class="text">
        <a href="#" id="show_body_errors">Affichez
            tout de même les problèmes de contenu</a>
    </p>
    <div class="alert alert-warning">
        Attention, en cas de problèmes de structure signalés ci-dessus, certains messages d'erreurs ne seront pas
        pertinents
    </div>

    <div id="body_errors" style="display: none">
        {{ tables.body_errors(report, source_data) }}
    </div>
    {% else %}
    <div>
        {{ tables.body_errors(report, source_data) }}
    </div>
    {% endif %}
    {% endif %}


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

            // Show body errors
            $('#show_body_errors').on('click', function () {
                $('#body_errors').show();
                $(this).remove();
            })
        })
    </script>

{#
{{ report.table.errors.structure|length }} erreur(s) détectée(s)
{{ report.table.errors.body|length }} erreur(s) détectée(s)

#}
{% endblock %}