{% 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.platej_type id="platej_type" classes="left" label="Тип платёжного поручения" no_clear_after="True" %}
        {% 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="clear"></div>

    {# общие поля #}
    <div class="block" style="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" %}
    </div>
    <div class="clear"></div>

    {# налоговые реквизиты #}
    <div class="block taxes" style="border-bottom: 1px solid #777; padding: 0 20px 5px 0;">
        <div style="border-bottom: 1px solid #777; padding: 0 20px 5px 0; font-size: 14px;">Налоговые реквизиты</div>

        {% include 'docs/parts/form_field.html' with field=form.tax_status id="tax_status" classes="field" label="Статус составителя" %}
        {% include 'docs/parts/form_field.html' with field=form.tax_base id="tax_base" classes="field" label="Основание налогового платежа" %}
        {% include 'docs/parts/form_field.html' with field=form.tax_type id="tax_type" classes="field" label="Тип налогового платежа" %}

        <div>
            {% include 'docs/parts/form_field.html' with field=form.tax_num id="tax_num" classes="left" label="Номер документа основания" no_clear_after="True" %}
            {% include 'docs/parts/form_field.html' with field=form.tax_date id="tax_date" classes="left" label="Дата документа основания" %}

            {% include 'docs/parts/form_field.html' with field=form.tax_bk id="tax_bk" classes="field" label="Код БК доходов РФ" required="True" %}

            <div style="float: left;">
                {% include 'docs/parts/form_field.html' with field=form.tax_okato id="tax_okato" label="Код ОКАТО сборщика платежей" required="True" %}
                {% include 'docs/parts/form_field.html' with field=form.tax_period id="tax_period" classes="field" label="Период, за который начисляется налог" required="True" %}
            </div>
            <div style="float: left; line-height: 120%; font-size: 11px; color: #666; margin: 2px 0 0 20px;">
                {{ form.tax_period.help_text|safe }}
            </div>
        </div>
        <div class="clear"></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.doc_total id="doc_total" classes="field left" label="Сумма" required="True" no_clear_after="True" %}
        {% include 'docs/parts/form_field.html' with field=form.payment_type id="payment_type" classes="field left" label="Вид платежа" no_clear_after="True" %}
        {% include 'docs/parts/form_field.html' with field=form.payment_order id="payment_order" classes="field left" label="Очерёдность платежа" required="True" %}

        {# коммерческие реквизиты #}
        <div class="commerce">
            {% include 'docs/parts/form_field.html' with field=form.nds_value id="nds_value" classes="field left" label="НДС" no_clear_after="True" %}
        </div>
    </div>
    <div class="clear"></div>

    <div class="block" style="padding: 0 20px 10px 0;">
        {% include 'docs/parts/form_field.html' with field=form.doc_info id="doc_info" classes="field left" label="Назначение платежа" no_clear_after="True" %}

        <div style="float: left; margin: 27px 0 0 10px;">
            <button type="button" name="fill_summa" id="id_fill_summa" class="button-as-link">Заполнить сумму платежа</button>
        </div>
    </div>
    <div class="clear"></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 %}