{% extends "base.html" %}
{% load static %}

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

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

<div class="search-property">
    <div id="searchProperty" class="field">
                <div class='profile_label'>
                    Поиск реквизитов:
                </div>
                <div class='long-input profile_field'>
                    <input id="searchAPI"  maxlength="256" name="searchAPI" type="text" placeholder="Введите название в свободной форме, адрес, ИНН или ОГРН">
                </div>
                <div class="clear"></div>
            </div>
</div>

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

    </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 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 '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 profile_label" style="width: 285px; vertical-align: top; padding: 0;">
                                    {% if forloop.first %}
                                        Основной счёт <span class="required">*</span>
                                    {% elif forloop.counter == 2 %}
                                        Дополнительные счета
                                    {% endif %}
                                </td>

                                <td class="account-info profile_field" style="width: 500px; 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 'img/icon-delete.png' %}" alt="[X]" title="Удалить расчётный счёт" />
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    {% endfor %}
                </tbody>
                <tr>
                    <td class="profile_label"></td>
                    <td class="account-add profile_field">
                        <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>

        <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>

        <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 'img/upload-boss_sign.png' %}" />
                    {% endif %}

                    <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 'img/upload-glavbuh_sign.png' %}" />
                    {% endif %}


                    <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 '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 }}

                </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 '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 id="containerUpload">
      <div class="modal-upload" id="modalUpload">
        <div class="modal-upload__wrapper">
          <div class="modal-upload__header">
            <div class="modal-upload__title">Редактирование изображения</div>
            <div class="modal-upload__close-button modal-upload__cleaner-btn"></div>
          </div>
          <div class="modal-upload__body">
          <div class="modal-upload__body--editor" id="imageCropper"></div>
          </div>
          <div class="modal-upload__bottom">
            <div class="modal-upload__bottom--operation-image">
              <button class="yellow-btn form__yellow-btn_save" id="cropImageBtnLeft"><img class="modal-upload__btn--image" src="{% static 'img/rotate-left.svg' %}"></button>
              <button class="yellow-btn form__yellow-btn_save" id="cropImageBtnRight"><img class="modal-upload__btn--image" src="{% static 'img/rotate-right.svg' %}"></button>
            </div>
            <div class="modal-upload__bottom--operation-modal">
              <button class="yellow-btn form__yellow-btn_save" id="cropImageBtnSave">Сохранить</button>
              <button class="close-form modal-upload__cleaner-btn">Отмена</button>
            </div>
          </div>
        </div>
      </div>
    </div>

</div>
{% endblock %}

{% block dialogs %}
    <form id="bank-account-edit-form" class="form__bank" action="" method="post" title="Добавить / редактировать расчётный счёт">
        {% csrf_token %}
        <div class="search-bank">
            <div class="search__container">
                <label class="form__label form__label_search" for="searchBankAPI">Поиск банка:</label>
                <input class="form__input form__input_search" id="searchBankAPI" placeholder="Введите название, БИК или SWIFT">
            </div>
            <div id="searchBankResult"></div>
        </div>

        <div class="errors-layout"></div>
        {{ bank_account_form.as_p }}
        <div class="buttons field profile_btns">
            <button type="submit" role="button" class="yellow-btn form__yellow-btn_save" name="submit">Сохранить</button>
            <button class="close-form" type="button" role="close" name="close-form">Отмена</button>
        </div>
    </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 'js/customer/profile.edit.js' %}"></script>
  <script src="{% static 'vendor/suggestions.jquery/dist/js/jquery.suggestions.min.js' %}"></script>
  <script src="{% static 'vendor/Croppie/croppie.min.js' %}"></script>

  <script>
   $(document).ready(function() {
       var False = false,
           True = true;
       window.isOrg = {{ profile.is_org }};
   });
  </script>
  <script src="{% static 'js/profile/search-main-external-api.js' %}"></script>
  <script src="{% static 'js/profile/search-bank-external-api.js' %}"></script>
  <script src="{% static 'js/profile/asset.js' %}"></script>

  {% include 'hbs/bank-tpl.html' %}

{% endblock js %}