{% extends 'base.html.twig' %}

{% block title %}
    {% trans %}Invoices archive{% endtrans %}
    <small>{{ month }}-{{ year }}</small>
    <div class="pull-right">
        <button class="btn btn-info" type="button" data-toggle="collapse" data-target="#archiveForm"
                aria-expanded="false" aria-controls="archiveForm">
            {% trans %}View month{% endtrans %}
        </button>
    </div>
{% endblock %}

{% block description %}
    {% trans %}List{% endtrans %}
{% endblock %}

{% block invoice_index_active %}
    active
{% endblock %}

{% block content %}
    <div class="collapse" id="archiveForm">
        <div class="well">
            {% include 'alarm/_form_archive.html.twig' %}
        </div>
    </div>

    {% if invoices | length > 0 %}
        <div class="panel">
            <div class="panel-body">
                <table id="invoicesList" class="table table-condensed table-striped table-hover">
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}VAT included{% endtrans %}:
                        </th>
                        <th class="text-right">{{ vat | number_format }} &euro;</th>
                        <th></th>
                        <th class="text-right">{{ vatOpened | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}Net amount{% endtrans %}:
                        </th>
                        <th class="text-right">{{ (sum - vat) | number_format }} &euro;</th>
                        <th></th>
                        <th class="text-right">{{ (sumOpened - vatOpened) | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}Month total{% endtrans %}:
                        </th>
                        <th class="text-right">{{ sum | number_format }} &euro;</th>
                        <th class="text-center">
                            <form class="saveAmounts" method="post">
                                {% for invoice in invoices %}
                                    <input type="hidden" name="amountReceived[{{ invoice.id }}]">
                                {% endfor %}
                                <button type="submit" class="btn btn-primary" disabled>
                                    {% trans %}Save{% endtrans %}
                                </button>
                            </form>
                        </th>
                        <th class="text-right">{{ sumOpened | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    <tr>
                        <th>{% trans %}Invoice No.{% endtrans %}</th>
                        <th>{% trans %}Date{% endtrans %}</th>
                        <th>{% trans %}Payer No.{% endtrans %}</th>
                        <th>{% trans %}Name{% endtrans %}</th>
                        <th>{% trans %}District/sales manager{% endtrans %}</th>
                        <th>{% trans %}Amount{% endtrans %}</th>
                        <th>{% trans %}Amount received{% endtrans %}</th>
                        <th>{% trans %}Open{% endtrans %}</th>
                        <th class="no-sort">{% trans %}Action{% endtrans %}</th>
                    </tr>
                    <tbody>
                    {% for invoice in invoices %}
                        <tr>
                            <td>{{ invoice.numberString }}</td>
                            <td>{% if invoice.date %}{{ invoice.date|date('Y-m-d') }}{% endif %}</td>
                            <td>{{ invoice.payer.number }}</td>
                            <td>{{ invoice.payer.name }}</td>
                            <td>{{ invoice.manager ? invoice.manager.name : '-' }}</td>
                            <td class="text-right">{{ invoice.amount | number_format }} &euro;</td>
                            <td class="text-right">
                                <div class="form-group btn-full">
                                    <input type="text" class="form-control input-sm"
                                           name="amountReceived[{{ invoice.id }}]"
                                           value="{{ invoice.amountReceived | number_format }}">
                                </div>
                            </td>
                            <td class="text-right {{ invoice.amountLeft <= 0 ? 'text-success' : 'text-bold text-danger' }}">
                                {{ invoice.amountLeft | abs | number_format }} &euro;
                            </td>
                            <td>
                                {{ form_start(deleteForms[invoice.id]) }}
                                <div class="btn-group btn-group-xs">
                                    <a href="{{ path('admin_invoice_edit', { 'id': invoice.id }) }}"
                                       class="btn btn-primary">{% trans %}Edit{% endtrans %}</a>
                                    <button type="submit" class="btn btn-danger btn-xs" disabled>
                                        {% trans %}Delete{% endtrans %}
                                    </button>
                                </div>
                                {{ form_end(deleteForms[invoice.id]) }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                    <tfoot class="n-b">
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}Month total{% endtrans %}:
                        </th>
                        <th class="text-right">{{ sum | number_format }} &euro;</th>
                        <th class="text-center">
                            <form class="saveAmounts" method="post">
                                {% for invoice in invoices %}
                                    <input type="hidden" name="amountReceived[{{ invoice.id }}]">
                                {% endfor %}
                                <button type="submit" class="btn btn-primary" disabled>
                                    {% trans %}Save{% endtrans %}
                                </button>
                            </form>
                        </th>
                        <th class="text-right">{{ sumOpened | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}VAT included{% endtrans %}:
                        </th>
                        <th class="text-right">{{ vat | number_format }} &euro;</th>
                        <th></th>
                        <th class="text-right">{{ vatOpened | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    <tr>
                        <th colspan="5" class="text-right">
                            {% trans %}Net amount{% endtrans %}:
                        </th>
                        <th class="text-right">{{ (sum - vat) | number_format }} &euro;</th>
                        <th></th>
                        <th class="text-right">{{ (sumOpened - vatOpened) | number_format }} &euro;</th>
                        <th></th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    {% else %}
        <div class="alert alert-info mar-top">{% trans %}No data{% endtrans %}</div>
    {% endif %}
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('assets/js/invoice.js') }}"></script>
    <script type="text/javascript">
        (function($) {
            $.fn.clearDefaultZero = function() {
                return this.each(function() {
                    var default_value = $(this).val();
                    $(this).focus(function() {
                        if ($(this).val() == '0,00') {
                            $(this).val("");
                        }
                    });
                    $(this).blur(function() {
                        if ($(this).val() == "") {
                            $(this).val(default_value);
                        }
                    });
                });
            };
        })(jQuery);

        $("input[name^=amountReceived]").clearDefaultZero();
    </script>
{% endblock %}