{% extends "base.html" %}

{% block title %}Редактирование реквизитов{% endblock %}

{% block content %}
<h2>Редактирование реквизитов{% if profile.is_ip %} ИП{% elif profile.is_org %} организации{% endif %}</h2>

<div class="profile-form">
    {% if form.non_field_errors %}
        <p class="error">{{ form.non_field_errors }}</p>
    {% endif %}

    <form id="profile-form" action="" method="post" enctype="multipart/form-data">
        {% csrf_token %}

        {% for hidden in form.hidden_fields %}
            {{ hidden }}
        {% endfor %}

        <div style="font-size: 15px; border-bottom: thin solid #000; padding: 0 0 5px; width: 620px;">
            {{ profile.get_profile_type_display }}
        </div>

        {% if profile.is_ip %}
            <div id="boss_fio" class="field">
                <div style="float: left; width: 200px;">
                    Фамилия, Имя, Отчество:
                </div>
                <div style="float: left; width: 480px;">
                    {{ form.boss_surname }} {{ form.boss_name }} {{ form.boss_midname }}
                    <br />
                    <span class="help-text">Будет подставляться в создаваемые документы.</span>
                    {{ form.boss_surname.errors }} {{ form.boss_name.errors }} {{ form.boss_midname.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        {% if profile.is_org %}
            <div id="name" class="field">
                <div style="float: left; width: 200px;">
                    Краткое название организации:{% if form.name.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.name }}
                    {{ form.name.errors }}
                    <br />
                    <span class="help-text">Будет подставляться в создаваемые документы.</span>
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        {% if profile.is_org %}
            <div id="full_name" class="field">
                <div style="float: left; width: 200px;">
                    Полное название организации:
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.full_name }}
                    {{ form.full_name.errors }}
                    <br />
                    <span class="help-text">Как в учредительных документах.</span>
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div id="inn" class="field">
            <div style="float: left; width: 200px;">
                ИНН:{% if form.inn.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div style="float: left;">
                {{ form.inn }}
                {{ form.inn.errors }}
            </div>
            <div class="clear"></div>
        </div>

        {% if profile.is_org %}
            <div id="kpp" class="field">
                <div style="float: left; width: 200px;">
                    КПП:{% if form.kpp.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left;">
                    {{ form.kpp }}
                    {{ form.kpp.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div id="ogrn" class="field">
            <div style="float: left; width: 200px;">
                {% if profile.is_ip %}ОГРНИП{% else %}ОГРН{% endif %}:{% if form.ogrn.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div style="float: left;">
                {{ form.ogrn }}
                {{ form.ogrn.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="okpo" class="field">
            <div style="float: left; width: 200px;">
                ОКПО:
            </div>
            <div style="float: left;">
                {{ form.okpo }}
                {{ form.okpo.errors }}
            </div>
            <div class="clear"></div>
        </div>

        {% if profile.is_ip %}
            <div id="svid_gos_reg" class="field">
                <div style="float: left; width: 200px;">
                    Свид-во о гос. регистрации:
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.svid_gos_reg }}
                    <br />
                    <span class="help-text">Требуется для счет-фактуры.</span>
                    {{ form.svid_gos_reg.errors }}
                </div>
                <div class="clear"></div>
            </div>

            <div id="ip_reg_date" class="field">
                <div style="float: left; width: 200px;">
                    Дата регистрации ИП:
                </div>
                <div style="float: left;">
                    {{ form.ip_reg_date }}
                    {{ form.ip_reg_date.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        {% if profile.is_org %}
            <div style="font-size: 15px; border-bottom: thin solid #000; padding: 15px 0 5px; width: 620px;">
                Руководитель
            </div>

            <div id="boss_title" class="field">
                <div style="float: left; width: 200px;">
                    Должность руководителя:
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.boss_title }}
                    {{ form.boss_title.errors }}
                </div>
                <div class="clear"></div>
            </div>

            <div id="boss_fio" class="field">
                <div style="float: left; width: 200px;">
                    Фамилия, Имя, Отчество:{% if form.boss_surname.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 480px;">
                    {{ form.boss_surname }} {{ form.boss_name }} {{ form.boss_midname }}
                    <br />
                    <span class="help-text">Используется для строки "подпись" в документах.</span>
                    {{ form.boss_surname.errors }} {{ form.boss_name.errors }} {{ form.boss_midname.errors }}
                </div>
                <div class="clear"></div>
            </div>

            <div id="na_osnovanii" class="field">
                <div style="float: left; width: 200px;">
                    Действует на основании:
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.na_osnovanii }}
                    {{ form.na_osnovanii.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div style="font-size: 15px; border-bottom: thin solid #000; padding: 15px 0 5px; width: 620px;">
            Главный бухгалтер{% if profile.is_ip %} (если есть){% endif %}
        </div>

        <div id="glavbuh_fio" class="field">
            <div style="float: left; width: 200px;">
                Фамилия, Имя, Отчество:
            </div>
            <div style="float: left;">
                {{ form.glavbuh_surname }} {{ form.glavbuh_name }} {{ form.glavbuh_midname }}
                <br />
                <span class="help-text">Используется для строки "подпись" в документах.</span>
                {{ form.glavbuh_surname.errors }} {{ form.glavbuh_name.errors }} {{ form.glavbuh_midname.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div style="font-size: 15px; border-bottom: thin solid #000; padding: 15px 0 5px; width: 620px;">
            Банковские реквизиты
        </div>

        <div id="bank_accounts" class="field">
            <table id="accounts" style="border: 0; border-collapse: collapse;">
                <tbody>
                    {% for account in accounts %}
                        <tr class="account">
                            <td class="account-type" style="width: 200px; vertical-align: top; padding: 0;">
                                {% if forloop.first %}
                                    Основной счёт: <span class="required">*</span>
                                {% elif forloop.counter == 2 %}
                                    Дополнительные счета:
                                {% endif %}
                            </td>

                            <td class="account-info" style="width: 350px; vertical-align: top; padding: 0;">
                                <a id="account_edit_link_{{ account.pk }}" href="{% url 'customer_bank_accounts_edit' id=account.pk %}" title="Редактировать расчётный счёт">{{ account.account }}</a>
                                <br />
                                в <span id="account_bank_name_{{ account.pk }}">{{ account.name }}</span>
                            </td>

                            <td class="account-delete" style="padding: 0;">
                                <a id="account_delete_link_{{ account.pk }}" href="{% url 'customer_bank_accounts_delete' id=account.pk %}" title="Удалить расчётный счёт">
                                    <img src="{{ STATIC_URL }}img/icon-delete.gif" alt="[X]" title="Удалить расчётный счёт" />
                                </a>
                            </td>
                        </tr>
                    {% empty %} {# две скрытые строки-заготовки под счета #}
                        {% for x in "12" %}
                            <tr class="account" style="display: none;">
                                <td class="account-type" style="width: 200px; vertical-align: top; padding: 0;">
                                    {% if forloop.first %}
                                        Основной счёт: <span class="required">*</span>
                                    {% elif forloop.counter == 2 %}
                                        Дополнительные счета:
                                    {% endif %}
                                </td>

                                <td class="account-info" style="width: 350px; vertical-align: top; padding: 0;">
                                    <a id="account_edit_link_0" href="{% url 'customer_bank_accounts_edit' id=0 %}" title="Редактировать расчётный счёт">нет</a>
                                    <br />
                                    в <span id="account_bank_name_0">нет</span>
                                </td>

                                <td class="account-delete" style="padding: 0;">
                                    <a id="account_delete_link_0" href="{% url 'customer_bank_accounts_delete' id=0 %}" title="Удалить расчётный счёт">
                                        <img src="{{ STATIC_URL }}img/icon-delete.gif" alt="[X]" title="Удалить расчётный счёт" />
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    {% endfor %}
                </tbody>
                <tr>
                    <td></td>
                    <td class="account-add">
                        <br />
                        <a id="account_add_link" href="{% url 'customer_bank_accounts_add' %}" title="Добавить расчётный счёт">
                            <img src="{{ STATIC_URL }}img/icon-add.gif" alt="Добавить" title="Добавить расчётный счёт" />Добавить расчётный счёт
                        </a>
                    </td>
                    <td></td>
                </tr>
            </table>
        </div>

        <div style="font-size: 15px; border-bottom: thin solid #000; padding: 15px 0 5px; width: 620px;">
            Контактная информация
        </div>

        <div id="address" class="field">
            <div style="float: left; width: 200px;">
                Адрес для документов:{% if form.address.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div class="long-input" style="float: left;">
                {{ form.address }}
                <br />
                <span class="help-text">Будет подставляться в создаваемые счета, акты и накладные.</span>
                {{ form.address.errors }}
            </div>
            <div class="clear"></div>
        </div>

        {% if profile.is_org %}
            <div id="jur_address" class="field">
                <div style="float: left; width: 200px;">
                    Юридический (почтовый) адрес:
                </div>
                <div class="long-input" style="float: left;">
                    {{ form.jur_address }}
                    <br />
                    <span class="help-text">Как в учредительных документах.</span>
                    {{ form.jur_address.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div id="real_address" class="field">
            <div style="float: left; width: 200px;">
                Фактический адрес:
            </div>
            <div class="long-input" style="float: left;">
                {{ form.real_address }}
                <br />
                <span class="help-text">Используется только для карточки компании.</span>
                {{ form.real_address.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="phone" class="field">
            <div style="float: left; width: 200px;">
                Телефон:
            </div>
            <div style="float: left;">
                {{ form.phone_code }} {{ form.phone }}
                {{ form.phone_code.errors }} {{ form.phone.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="fax" class="field">
            <div style="float: left; width: 200px;">
                Факс:
            </div>
            <div style="float: left;">
                {{ form.fax_code }} {{ form.fax }}
                {{ form.fax_code.errors }} {{ form.fax.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="email" class="field">
            <div style="float: left; width: 200px;">
                Электронная почта:
            </div>
            <div class="long-input" style="float: left;">
                {{ form.email }}
                {{ form.email.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="site" class="field">
            <div style="float: left; width: 200px;">
                Сайт:
            </div>
            <div class="long-input" style="float: left;">
                {{ form.site }}
                {{ form.site.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div style="font-size: 15px; border-bottom: thin solid #000; padding: 15px 0 5px; width: 620px;">
            Логотип, печать и подписи
        </div>

        <div id="signs" class="field">
            <div style="float: left; width: 200px;">
                Подписи:
            </div>
            <div style="float: left;">
                <div id="boss_sign">
                    {% if form.boss_sign.value %}
                        <img src="{{ form.boss_sign.value.url }}" /> {# если уже есть картинка, показать ее #}
                        <br />
                    {% endif %}
                    {{ form.boss_sign }}
                    <br />
                    <span class="help-text">Подпись руководителя.</span>
                    {{ form.boss_sign.errors }}
                </div>
                <div id="glavbuh_sign" class="field">
                    {% if form.glavbuh_sign.value %}
                        <img src="{{ form.glavbuh_sign.value.url }}" /> {# если уже есть картинка, показать ее #}
                        <br />
                    {% endif %}
                    {{ form.glavbuh_sign }}
                    <br />
                    <span class="help-text">Подпись бухгалтера.</span>
                    {{ form.glavbuh_sign.errors }}
                </div>
            </div>
            <div class="clear"></div>
        </div>

        <div id="stamp" class="field">
            <div style="float: left; width: 200px;">
                Печать:
            </div>
            <div style="float: left;">
                {% if form.stamp.value %}
                    <img src="{{ form.stamp.value.url }}" /> {# если уже есть картинка, показать ее #}
                    <br />
                {% endif %}
                {{ form.stamp }}
                {{ form.stamp.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="logo" class="field">
            <div style="float: left; width: 200px;">
                Логотип:
            </div>
            <div style="float: left;">
                {% if form.logo.value %}
                    <img src="{{ form.logo.value.url }}" /> {# если уже есть картинка, показать ее #}
                    <br />
                {% endif %}
                {{ form.logo }}
                {{ form.logo.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div class="buttons field">
            <input type="submit" name="submit" value="Сохранить" />
            <input type="submit" name="_cancel" value="Отмена" />
        </div>
    </form>
</div>
{% endblock %}

{% block dialogs %}
<form id="bank-account-edit-form" action="" method="post" title="Добавить / редактировать расчётный счёт">
    {% csrf_token %}
    <div class="errors-layout"></div>
    {{ bank_account_form.as_p }}
    <button type="submit" role="button" name="submit">Сохранить</button>
    <button class="close-form" type="button" role="close" name="close-form">Отмена</button>
</form>

<form id="bank-account-delete-form" action="" method="post" title="Удалить расчётный счёт">
    {% csrf_token %}
    <div class="errors-layout"></div>
    <p>Вы уверены, что хотите удалить расчётный счёт № <span class='bank-account'></span>?</p>
    <button type="submit" role="button" name="submit">Да, я уверен</button>
    <button class="close-form" type="button" role="close" name="close-form">Отмена</button>
</form>
{% endblock %}

{% block js %}
    <script type="text/javascript">
        var BANK_ACCOUNT = {
            'list_url': "{% url 'customer_bank_accounts_list_ajax' %}",
            'edit_id_prefix': "account_edit_link_",
            'delete_id_prefix': "account_delete_link_",
            'bank_id_prefix': "account_bank_name_"
        }
    </script>

    <script src="{{ STATIC_URL }}js/customer/profile.edit.js"></script>
{% endblock %}