{% extends "dashboard/layout.html" %}
{% load i18n %}
{% load mws_tags %}
{% load url from future %}

{% block title %}
    {% blocktrans with submission_id=submission.submission_id %}
    Feed Submission #{{ submission_id }}
    {% endblocktrans %}| {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ul class="breadcrumb">
        <li>
            <a href="{% url "dashboard:index" %}">{% trans "Dashboard" %}</a>
            <span class="divider">/</span>
        </li>
        <li class="active">
            {% blocktrans with submission_id=submission.submission_id %}
            Feed Submission #{{ submission_id }}
            {% endblocktrans %}
        </li>
    </ul>
{% endblock %}

{% block dashboard_content %}
    <div class="table-header">
        <h3><i class="icon-truck icon-large"></i>{% trans "Feed submission" %} {{ submission.submission_id }}</h3>
    </div>

    <div class="well">
        <div class="row-fluid">
            <div class="span6">
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <th>{% trans "Feed type" %}</th>
                        <td>{{ submission.feed_type }}</td>
                    </tr>
                    <tr>
                        <th>{% trans "Processing status" %}</th>
                        <td>{{ submission.processing_status }}</td>
                    </tr>
                    <tr>
                        <th>{% trans "Status Code" %}</th>
                        <td>{{ submission.report.status_code|default:"-" }}</td>
                    </tr>
                    <tr>
                        <th>{% trans "Last updated" %}</th>
                        <td>{{ submission.date_updated|date:"jS M Y H:i" }}</td>
                    </tr>
                </table>
            </div>

            <div class="span6">
                <table class="table table-bordered table-hover">
                    <tr>
                        <td>{% trans "Processed" %}</td>
                        <td>{{ submission.report.processed|default:"-" }}</td>
                    </tr>
                    <tr class="success">
                        <td>{% trans "Successful" %}</td>
                        <td>{{ submission.report.successful|default:"-" }}</td>
                    </tr>
                    <tr class="warning">
                        <td>{% trans "Warnings" %}</td>
                        <td>{{ submission.report.warnings|default:"-" }}</td>
                    </tr>
                    <tr class="error">
                        <td>{% trans "Errors" %}</td>
                        <td>{{ submission.report.errors|default:"-" }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    {% with result_list=submission.report.results.all %}
        {% if result_list|length %}
        <div class="table-header">
            <h3><i class="icon-truck icon-large"></i>{% trans "Report results" %} {{ submission.submission_id }}</h3>
        </div>
        <table class="table table-bordered table-hover">
            <tr>
                <th>{% trans "Type" %}</th>
                <th>{% trans "Code" %}</th>
                <th>{% trans "Description" %}</th>
            </tr>
            {% for result in result_list %}
                <tr class="{{ result.type|lower }}">
                    <td>{{ result.type }}</td>
                    <td>{{ result.message_code }}</td>
                    <td>{{ result.description }}</td>
                </tr>
            {% endfor %}
        </table>
        {% endif %}
    {% endwith %}

    <div class="table-header">
        <h3><i class="icon-file icon-large"></i>{% trans "Feed XML" %}</h3>
    </div>

    <div class="well">
        <div class="row-fluid">
            <div class="span12">
                {% if submission.feed_xml %}
                   <pre><code>{{ submission.feed_xml|prettify_xml }}</code></pre>
                {% else %}
                    {% trans "The submitted XML feed is not available." %}
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}