{% extends "base.html" %}
{% load i18n inline_formset link_to_window %}

{% block content %}
<h2>{% trans "Import step by step" %} &ndash; {{import.name}} &ndash; {% trans "line " %} {{line_number_displayed}}</h2>
{% if errors %}
<div class="alert alert-danger" role="alert">
    <p>{% trans "The following error(s) has been encountered while parsing the source file:" %}</p>
    <ul>{% for error in errors %}
        <li>{{error}}</li>
    {% endfor %}</ul>
</div>

{% if values %}
<table class="table table-striped">
    {% for header, value in values %}
    <tr>
        <th>{{header}}</th>
        <td>{{value}}</td>
    </tr>
    {% endfor %}
</table>
{% endif %}

{% else %}

{% if new_objects %}
<h3>{% trans "Objects to be created" %}</h3>
{% for path, cls, values in new_objects %}
<div class="card">
  <div class="card-body">
    <h5 class="card-title">{{path|safe}} ({{cls.get_verbose_name}})</h5>
  </div>
  <div class="card-body">
    <table class="table table-striped">
        <tr>
            <th>{% trans "Key" %}</th>
            <th>{% trans "Value" %}</th>
        </tr>
        {% for k, value in values.items %}<tr>
            <th>{{k|safe}}</th>
            <td>{{value}}</td>
        </tr>{% endfor %}
    </table>
  </div>
</div>
<hr/>
{% endfor %}
{% endif %}

{% if updated_objects %}
<h3>{% trans "Objects to be updated" %}</h3>
{% for path, obj, values, old_and_updated in updated_objects %}

<div class="card">
    <div class="card-body">
        <h5 class="card-title">{{path}} &ndash; {{obj}} {{obj|link_to_window}} ({{obj.get_verbose_name}})</h5>
    </div>
    <div class="card-body">

        <h5>{% trans "Matching values" %}</h5>
        <table class="table table-striped">
            <tr>
                <th>{% trans "Key" %}</th>
                <th>{% trans "Value" %}</th>
            </tr>
            {% for k, value in values.items %}<tr>
                <th>{{k|safe}}</th>
                <td>{{value}}</td>
            </tr>{% endfor %}
        </table>


        <h5>{% trans "Updated values" %}</h5>
        <table class="table table-striped">
            <tr>
                <th>{% trans "Key" %}</th>
                <th>{% trans "Old value" %}</th>
                <th>{% trans "New value" %}</th>
                <th>{% trans "Changed" %}</th>
            </tr>
            {% for k, value in old_and_updated.items %}<tr>
                <th>{{k|safe}}</th>
                <td>{{value.0|safe}}</td>
                <td>{{value.1|safe}}</td>
                <td class="text-center">{% if value.2%}
                    <i class="fa fa-check-circle-o text-info text-large"
                       aria-hidden="true"></i>{% else %}&ndash;{% endif %}</td>
            </tr>{% endfor %}
        </table>
    </div>
</div>

<hr/>
{% endfor %}

{% endif %}

<h3>{% trans "CSV values" %}</h3>

<div>
    <table class="table table-striped">
        <tr>
            <th>{% trans "Column number" %}</th>
            <th>{% trans "Name" %}</th>
            <th>{% trans "Raw CSV value" %}</th>
            <th>{% trans "Interpreted value" %}</th>
            {% comment %}<th>{% trans "Merged value" %}</th>{% endcomment %}
        </tr>
        {% for idx, name, raw, interpreted in values %}<tr id="col-{{idx}}">
            <td>{{idx}}</td>
            <td>{{name|safe}}</td>
            <td>{{raw}}</td>
            <td>{{interpreted|safe}}</td>
        </tr>{% endfor %}
    </table>

</div>
{% endif %}
{% endblock %}