{% extends 'dashboard/layout.html' %}
{% load compress %}
{% load staticfiles %}
{% load currency_filters %}
{% load sorting_tags %}
{% load i18n %}

{% block body_class %}{{ block.super }} refunds{% endblock %}

{% block title %}
  {% trans "Refunds" %} | {{ block.super }}
{% endblock title %}

{% block extrascripts %}
    {{ block.super }}

    {% compress css %}
    <link rel="stylesheet" type="text/css" href="{% static 'oscar/css/buttons.css' %}" />
    {% endcompress %}

    {% compress js %}
    <script src="{% static 'vendor/js/jquery.cookie-1.4.1.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'oscar/js/add_message.js' %}" type="text/javascript"></script>
    <script src="{% static 'oscar/js/refund_list.js' %}" type="text/javascript"></script>
    {% endcompress %}
{% endblock extrascripts %}

{% block breadcrumbs %}
<ul class="breadcrumb">
    <li>
        <a href="{% url 'dashboard:index' %}">{% trans "Dashboard" %}</a>
        <span class="divider">/</span>
    </li>
    <li class="active">{% trans "Refunds" %}</li>
</ul>
{% endblock breadcrumbs %}

{% block header %}
<div class="page-header">
    <h1>{% trans "Refunds" %}</h1>
</div>
{% endblock header %}

{% block dashboard_content %}
<div class="table-header">
    <h3><i class="icon-search icon-large"></i>{% trans "Search" %}</h3>
</div>

<div class="well">
    <form action="" method="get" class="form-inline" id="search_form">
        {% for field in form %}
            {% if field.id_for_label == 'id_id' %}
                {% if field.is_hidden %}
                    {{ field }}
                {% else %}
                    <span class="control-group {% if field.errors %}error{% endif %}">
                        {{ field.label_tag }}
                        {{ field }}
                        {% for error in field.errors %}
                        <ul class="error-block">
                            <li>{{ error }}</li>
                        </ul>
                        {% endfor %}
                    </span>
                {% endif %}
            {% endif %}
        {% endfor %}
        <input type="submit" value="{% trans "Search" %}" class="btn btn-primary"/>
        <a data-toggle="modal" href="#SearchModal">{% trans "Advanced Search" %}</a>
    </form>

    <div class="modal hide fade" id="SearchModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h3>{% trans "Advanced Search" %}</h3>
        </div>
        <form action="" method="get" class="form-horizontal">
            <div class="modal-body">{% include "partials/form_fields.html" with form=form %}</div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">{% trans "Close" %}</a>
                <button type="submit" class="btn btn-primary">{% trans "Search" %}</button>
            </div>
        </form>
    </div>
</div>

{% if refunds %}

    {% include "dashboard/partials/refund_action_modal.html" %}
    {% block refund_list %}
        <table class="table table-striped table-bordered table-hover">
            <caption>
                <h3 class="pull-left"><i class="icon-repeat icon-large icon-flip-horizontal"></i></h3>
            </caption>

            <thead>
                <tr>
                    <th>{% anchor 'id' _("Refund ID") %}</th>
                    <th>{% trans "Total Credit" %}</th>
                    <th>{% trans "Number of Items" %}</th>
                    <th>{% trans "Status" %}</th>
                    <th>{% trans "Customer" %}</th>
                    <th>{% trans "Created" %}</th>
                    <th>{% trans "Actions" %}</th>
                </tr>
            </thead>
            <tbody>
            {% for refund in refunds %}
                <tr data-refund-id="{{ refund.id }}">
                    <td>
                        <a href="{% url 'dashboard:refunds:detail' pk=refund.id %}">{{ refund.id }}</a>
                    </td>
                    <td>{{ refund.total_credit_excl_tax|currency:refund.currency }}</td>
                    <td>{{ refund.num_items }}</td>
                    <td class="refund-status">{{ refund.status }}</td>
                    <td>
                        <a href="{% url 'dashboard:user-detail' pk=refund.user.id %}">{{ refund.user.get_full_name|default:"-" }}</a>
                    </td>
                    <td>{{ refund.created }}</td>
                    <td>
                        <a class="btn btn-info" href="{% url 'dashboard:refunds:detail' pk=refund.id %}">{% trans "View" %}</a>
                        {% include "dashboard/partials/refund_buttons.html" %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endblock refund_list %}

    {% include "partials/pagination.html" %}
{% else %}
    <table class="table table-striped table-bordered">
        <caption><i class="icon-repeat icon-large icon-flip-horizontal"></i>{{ queryset_description }}</caption>
        <tr>
            <td>{% trans "No refunds found." %}</td>
        </tr>
    </table>
{% endif %}
{% endblock dashboard_content %}