{% extends "base.html" %}

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

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

<div class="profile-form content-white rel">
    <div id="blackbox">
    <div class='bb-triangle'></div>
    <div class='bb-text'>
    <p>
        Поля, отмеченные * используются для создания ваших документов, поэтому их нужно заполнить обязательно.
        Все остальные поля не обязательны к заполнению. Они требуются только для "Карточки компании", которую вы можете отправлять своим партнерам прямо из Документора.
    </p>
    <a href='#'>Подробнее о "Карточке компании"</a>
    </div>
 
    </div>
    {% 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 class='profile_title'>
            {{ profile.get_profile_type_display }}
        </div>

        {% if profile.is_ip %}
            <div id="boss_fio" class="field">
                <div class='profile_label'>
                    Фамилия, Имя, Отчество
                </div>
                <div class='profile_field'>
                    {{ form.boss_surname }} {{ form.boss_name }} {{ form.boss_midname }}
                    <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 class="profile_label">
                    Краткое название организации{% if form.name.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div class="profile_field long-input">
                    {{ form.name }}
                    {{ form.name.errors }}
                    <span class="help-text">Будет подставляться в создаваемые документы.</span>
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

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

        <div id="inn" class="field">
            <div class="profile_label">
                ИНН{% if form.inn.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div class="profile_field">
                {{ form.inn }}
                {{ form.inn.errors }}
            </div>
            <div class="clear"></div>
        </div>

        {% if profile.is_org %}
            <div id="kpp" class="field">
                <div class="profile_label">
                    КПП{% if form.kpp.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div class="profile_field">
                    {{ form.kpp }}
                    {{ form.kpp.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div id="ogrn" class="field">
            <div class="profile_label">
                {% if profile.is_ip %}ОГРНИП{% else %}ОГРН{% endif %}{% if form.ogrn.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div class="profile_field">
                {{ form.ogrn }}
                {{ form.ogrn.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="okpo" class="field">
            <div class="profile_label">
                ОКПО
            </div>
            <div class="profile_field">
                {{ form.okpo }}
                {{ form.okpo.errors }}
            </div>
            <div class="clear"></div>
        </div>

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

            <div id="ip_reg_date" class="field">
                <div class="profile_label">
                    Дата регистрации ИП
                </div>
                <div class="profile_field">
                    {{ form.ip_reg_date }}
                    {{ form.ip_reg_date.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        {% if profile.is_org %}
            <div class='profile_title'>
                Руководитель
            </div>

            <div id="boss_title" class="field">
                <div class="profile_label">
                    Должность руководителя
                </div>
                <div class="long-input profile_field">
                    {{ form.boss_title }}
                    {{ form.boss_title.errors }}
                </div>
                <div class="clear"></div>
            </div>

            <div id="boss_fio" class="field">
                <div class="profile_label">
                    Фамилия, Имя, Отчество{% if form.boss_surname.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div class="profile_field">
                    {{ form.boss_surname }} {{ form.boss_name }} {{ form.boss_midname }}
                    <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 class="profile_label">
                    Действует на основании
                </div>
                <div class="long-input profile_field">
                    {{ form.na_osnovanii }}
                    {{ form.na_osnovanii.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div class='profile_title'>
            Главный бухгалтер{% if profile.is_ip %} (если есть){% endif %}
        </div>

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

        <div class='profile_title'>
            Банковские реквизиты
        </div>

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

                            <td class="account-info" class="profile_field">
                                <a id="account_edit_link_{{ account.pk }}" href="{% url 'customer_bank_accounts_edit' id=account.pk %}" title="Редактировать расчётный счёт">{{ account.account }}</a>
                                в <span id="account_bank_name_{{ account.pk }}">{{ account.name }}</span>
                            </td>

                            <td class="account-delete" style="padding: 0 0 0 5px;">
                                <a id="account_delete_link_{{ account.pk }}" href="{% url 'customer_bank_accounts_delete' id=account.pk %}" title="Удалить расчётный счёт">
                                    <img src="{{ STATIC_URL }}img/icon-delete.png" 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>
                                    в <span id="account_bank_name_0">нет</span>
                                </td>

                                <td class="account-delete" style="padding: 0 0 0 5px;">
                                    <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">
                        <a id="account_add_link" class="add-link" href="{% url 'customer_bank_accounts_add' %}" title="Добавить расчётный счёт">
                            Добавить расчётный счёт
                        </a>
                    </td>
                    <td></td>
                </tr>
            </table>
        </div>

        <div class='clear'></div>
        <div class='profile_title'>
            Контактная информация
        </div>

        <div id="address" class="field">
            <div class="profile_label">
                Адрес для документов{% if form.address.field.required %} <span class="required">*</span>{% endif %}
            </div>
            <div class="long-input profile_field">
                {{ form.address }}
                <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 class="profile_label">
                    Юридический (почтовый) адрес
                </div>
                <div class="long-input profile_field">
                    {{ form.jur_address }}
                    <span class="help-text">Как в учредительных документах.</span>
                    {{ form.jur_address.errors }}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

        <div id="real_address" class="field">
            <div class="profile_label">
                Фактический адрес
            </div>
            <div class="long-input profile_field">
                {{ form.real_address }}
                <span class="help-text">Используется только для карточки компании.</span>
                {{ form.real_address.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="phone" class="field">
            <div class="profile_label">
                Телефон
            </div>
            <div class="profile_field">
                {{ form.phone_code }} {{ form.phone }}
                {{ form.phone_code.errors }} {{ form.phone.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="fax" class="field">
            <div class="profile_label">
                Факс
            </div>
            <div class="profile_field">
                {{ form.fax_code }} {{ form.fax }}
                {{ form.fax_code.errors }} {{ form.fax.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="email" class="field">
            <div class="profile_label">
                Электронная почта
            </div>
            <div class="long-input profile_field">
                {{ form.email }}
                {{ form.email.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div id="site" class="field">
            <div class="profile_label">
                Сайт
            </div>
            <div class="long-input profile_field">
                {{ form.site }}
                {{ form.site.errors }}
            </div>
            <div class="clear"></div>
        </div>

        <div class='profile_title'>
            Логотип, печать и подписи
        </div>

        <div id="signs" class="field">
            <div class="profile_label">
                Подписи ответственных лиц
            </div>
            <div class="profile_field img_load">
                <div id="boss_sign" class='img_load rel img_field'>
                    {% if form.boss_sign.value %}
                        <img src="{{ form.boss_sign.value.url }}" /> {# если уже есть картинка, показать ее #}
                    {% else %}
                        <img src="{{ STATIC_URL }}img/upload-boss_sign.png" />
                    {% endif %}
                    {{ form.boss_sign.errors }}
                    <a href="#" class='del_image{% if not form.boss_sign.value %} hidden{% endif %}'></a>
                </div>
				<p style="position: absolute; margin-top: 65px; font-size: 11px; padding: 2px 0 0 25px;color:#c5c5c5;font-style: italic;">Подпись руководителя</p>
                <div class='hidden'>
                    {{ form.boss_sign }}
                    {{ form.del_boss_sign }}
                </div>
                <div id="glavbuh_sign" class="img_load rel img_field">
                    {% if form.glavbuh_sign.value %}
                        <img src="{{ form.glavbuh_sign.value.url }}" /> {# если уже есть картинка, показать ее #}
                    {% else %}
                        <img src="{{ STATIC_URL }}img/upload-glavbuh_sign.png" />
                    {% endif %}
                    
                    {{ form.glavbuh_sign.errors }}
                    <a href="#" class='del_image{% if not form.glavbuh_sign.value %} hidden{% endif %}'></a>
                </div>
				<p style="position: absolute; margin-top:65px;margin-left: 230px; font-size: 11px; padding: 2px 0 0 0;color:#c5c5c5;font-style: italic;">Подпись бухгалтера</p>
                <div class='hidden'>
                    {{ form.glavbuh_sign }}
                    {{ form.del_glavbuh_sign }}
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>

        <div class="profile_label">
            Печать и логотип
        </div>
            <div id="stamp" class="field img_load">
                <div class="profile_field rel img_field">
                    {% if form.stamp.value %}
                        <img src="{{ form.stamp.value.url }}" /> {# если уже есть картинка, показать ее #}
                    {% else %}
                        <img src="{{ STATIC_URL }}img/upload-stamp.png" />
                    {% endif %}
                    <a href="#" class='del_image{% if not form.stamp.value %} hidden{% endif %}'></a>
                </div>
                <p style="position: absolute;margin: 170px 0 0 355px;color: #c5c5c5;font-size: 11px;padding: 2px 0 0 0;font-style: italic;">Печать</p>
                <div class='hidden'>
                    {{ form.stamp }}
                    {{ form.del_stamp }}
                    {{ form.stamp.errors }}
                </div>
            </div>
			<div id="logo" class="field img_load">
                <div class="profile_field rel img_field">
                    {% if form.logo.value %}
                        <img src="{{ form.logo.value.url }}" /> {# если уже есть картинка, показать ее #}
                    {% else %}
                        <img src="{{ STATIC_URL }}img/upload-logo.png" />
                    {% endif %}
                    <a href="#" class='del_image{% if not form.logo.value %} hidden{% endif %}'></a>
                </div>
                <p style="position: absolute;margin: 170px 0 0 550px;color: #c5c5c5;font-size: 11px;padding: 2px 0 0 0;font-style: italic;">Логотип</p>
                <div class='hidden'>
                    {{ form.logo }}
                    {{ form.logo.errors }}
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
  
      <div class="buttons field profile_btns">
            <input type="submit" name="submit" class="save yellow-btn" 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_"
        }
        $(function(){
            $('.img_load img').on('click', function(e) {
                var this_id = $(this).closest('.img_load').attr('id');
                var tmb_id = 'id_tmb_' + this_id.substring(3);
                $('#' + tmb_id).val('');
                $('#id_' + this_id).click();

            })
            $('.img_load .del_image').on('click', function(e) {
                e.preventDefault();
                var this_id = $(this).closest('.img_load').attr('id');
                var tmb_id = 'id_tmb_' + this_id.substring(3);
                var dlg_msg = $('#dialog-message');
                dlg_msg.dialog({
                    title: 'Удалить изображение?', 
                    buttons:{'Да': function(){
                            $('#' + tmb_id).val('');
                            $('#' + this_id + ' img').attr('src', '{{ STATIC_URL }}/img/upload-' + this_id + '.png');
                            $('#' + this_id + '-clear_id').attr('checked', true);
                            $('#' + this_id + ' .del_image').hide();
                            dlg_msg.dialog('close');
                        },
                        'Нет': function(){
                            dlg_msg.dialog('close');
                        }
                    }
                }).html('Нажмите "Да", чтобы удалить изображение');
                dlg_msg.dialog('open');
            })

            var getPic = function(data){
                var elm_id = '#' + data['elm_id'].substring(3);
                var tmb_id = '#id_tmb_' + data['elm_id'].substring(3);
                $(elm_id + ' img').attr('src', data['pic'])
                $(tmb_id).val(data['full_pic']);
                $(elm_id + ' .del_image').show();
            }

            $('.img_load input[type=file]').on('change', function(e){
                e.preventDefault();
                var this_id = $(this).attr('id').substring(3);
                console.log($('#' + this_id + ' img'));
                $('#' + this_id + ' img').attr('src', '{{ STATIC_URL }}/img/spinner.gif');
                var formData = new FormData();
                formData.append($(this).val(), $(this)[0].files[0]);
                formData.append('elm_id', $(this).attr('id'));
                $.ajax({
                    type: 'POST',
                    url: '/my/tmp_upload/ajax/',
                    success: getPic,
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false
                }).done(function() {
                });
            });
        })
    </script>

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