{% extends "docs/_base/base_form.html" %}

{% load my_tags %}

{% block form_content %}
    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 15px 0; margin-top: 0;">
        {% include 'docs/parts/form_field.html' with field=form.doc_num id="doc_num" classes="left" label="Номер" required="True" no_clear_after="True" %}
        {% include 'docs/parts/form_field.html' with field=form.doc_date id="doc_date" classes="left" label="Дата создания" required="True" no_clear_after="True" %}
        {% include 'docs/parts/form_field.html' with field=form.doc_mesto id="doc_mesto" classes="left" label="Место подписания" required="True" %}
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 5px 0;">
        {% include 'docs/parts/form_field_client.html' with field=form.client required="True" is_ajax="True" %}
        {% include 'docs/parts/form_field.html' with field=form.start_date id="start_date" classes="field left" label="Период" required="True" no_clear_after="True" %}
        {% include 'docs/parts/form_field.html' with field=form.end_date id="end_date" classes="field left" required="True" %}

        <div style="font-size: 14px;">Входящее сальдо</div>
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 5px 0;">
        {% include 'docs/parts/form_field.html' with field=form.saldo_debit id="saldo_debit" label="Дебетовое" label_inline="True" %}
        {% include 'docs/parts/form_field.html' with field=form.saldo_credit id="saldo_credit" classes="field" label="Кредитовое" label_inline="True" %}
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 15px 0;">
        {% if formset %}
            {% include 'docs/aktsverki/form_tbl_items.html' %}
        {% endif %}
    </div>
{% endblock %}

{% block js %}
{% comment %}<script type="text/javascript">
    {% include 'docs/_common_js/add_line_handler.js' %}
    {% include 'docs/_common_js/calc_summa.js' %}
    {% include 'docs/_common_js/calc_itogo.js' %}

    function set_events() {
        $("#tbl_items tr.row td.qty input").blur(calc_summa);
        $("#tbl_items tr.row td.price input").blur(calc_summa);

        $("#tbl_items tr.row td.qty input").blur(calc_itogo);
        $("#tbl_items tr.row td.price input").blur(calc_itogo);
        $("#tbl_items tr.row td.total_price input").blur(calc_itogo);
    }

    $(document).ready(function() {
        EnterToTab.init(document.getElementById('aktrabot'), true);
        $("#id_doc_date").datepicker({dateFormat:'dd.mm.yy'});
        set_events();
        calc_itogo();
        add_line_handler();
    });
</script>{% endcomment %}
{% endblock %}