f{% extends 'base.html' %}

{% load i18n %}
{% load number_tags %}

{% block content %}

<div class='detailsSection detail-section left account'>

    <span class='heading'>{% trans "General Ledger" %}</span>

    <div class='clear'></div>
    <div class='period-form-container'>
        <form action='' method='post'>
            <span>Period</span>
            {{ period_form.date_from }}
            -
            {{ period_form.date_to }}
            <button class='button submit right' type='submit'>Process</button>
            {% csrf_token %}
            <div class='clear'></div>
        </form>
    </div>

    <div class='gl-info'>
        <ul class='info-left'>
            <li>
                <span class='info-label'>{% trans 'Account Code' %}</span>
                <span class='info-value'>{{ account.id }}</span>
            </li>
            <li>
                <span class='info-label'>{% trans 'Account Name' %}</span>
                <span class='info-value'>{{ account }}</span>
            </li>
        </ul>
        <ul class='info-right'>
            <li>
                <span class='info-label'>{% trans 'Opening Balance' %}</span>
                <span class='info-value'></span>
            </li>
            <li>
                <span class='info-label'>{% trans 'Closing Balance' %}</span>
                <span class='info-value'>{{ total.balance|pretty_number }}</span>
            </li>
        </ul>
        <div class='clear'></div>
    </div>

    <table class='gl-table'>
        <thead>
            <tr>
                <th>{% trans "Date" %}</th>
                <th>{% trans "No" %}</th>
                <th>{% trans "Note" %}</th>
                <th class='money'>{% trans "Debit" %}</th>
                <th class='money'>{% trans "Credit" %}</th>
                <th class='money'>{% trans "Balance" %}</th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
                <tr>
                    <td>{{ item.date }}</td>
                    <td>{{ item.id }}</td>
                    <td>{{ item.description }}</td>
                    {% if item.value > 0 %}
                        <td class='align-right'>{{ item.value|pretty_number }}</td>
                        <td></td>
                    {% else %}
                        <td></td>
                        <td class='align-right'>{{ item.value|pretty_number|cut:'-' }}</td>
                    {% endif %}
                    <td class='align-right'>{{ item.balance|pretty_number }}</td>
                </tr>
            {% endfor %}
            <tr class='total'>
                <td>{% trans 'Total' %}</td>
                <td></td>
                <td></td>
                <td class='align-right'>{{ total.debit|pretty_number }}</td>
                <td class='align-right'>{{ total.credit|pretty_number|cut:'-' }}</td>
                <td></td>
            </tr>
        </tbody>
    </table>
</div>

{% endblock %}