{% 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" %}
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 5px 0;">
        {% include 'docs/parts/form_field.html' with field=form.bank_account id="bank_account" classes="field" label="Расчётный счёт" %}
        {% 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.invoice id="invoice" classes="field" label="Создать акт по счёту" %}
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 15px 0;">
        {% include 'docs/parts/form_field.html' with field=form.nds_value id="nds_value" classes="left" label="НДС" no_clear_after="True" %}

        {% if formset %}
            <br />
            {% include 'docs/parts/form_tbl_items.html' %}
        {% endif %}
    </div>

    <div class="block" style="border-bottom: 1px solid #777; padding: 0 20px 10px 0;">
        {% include 'docs/parts/form_field.html' with field=form.doc_text id="doc_text" classes="field" label="Дополнительные условия" %}
    </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 %}