{% load my_tags %}

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

    <form id="client-edit-form" class="client-form{% if is_ajax %} ajax-form{% endif %}" action="" method="post"{% if is_ajax %} title="Добавить / редактировать контрагента"{% endif %}>
        {% csrf_token %}
        <div class="search__container">
        <div class="field">
                <div class="left label search__label">
                    Поиск реквизитов:
                </div>
                <div class="form-field">
                    <input id="searchClientInput" class="search__input search__input_long" maxlength="256" autocomplete="off"
                        name="searchClientInput" type="text" placeholder="Введите название в свободной форме, адрес, ИНН или ОГРН">
                </div>
                <div class="clear"></div>
            </div>
        </div>

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

        {% if is_ajax %}<div class="errors-layout"></div>{% endif %}

        <div style="float: left; width: 700px">
            <div id="name" class="field">
                <div class="left label">
                    Наименование{% if form.name.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.name }}
                    {% if not is_ajax %}{{ form.name.errors }}{% endif %}
                    <p class="help-block">Полностью. Например: Общество с ограниченной ответственностью "Сетьинвест"</p>
                </div>
                <div class="clear"></div>
            </div>

            <div id="name_short_dadata" class="field">
                <div class="left label">&nbsp;
{#                    Наименование 2{% if form.name_short_self.field.required %}<span class="required">*</span>{% endif %}:#}
                </div>
                <div class="form-field">
                    {{ form.name_short_dadata }}
                    {% if not is_ajax %}{{ form.name_short_dadata.errors }}{% endif %}
                    <p class="help-block">Коротко. Например: ООО "Сетьинвест"</p>
                </div>
                <div class="clear"></div>
            </div>

            <div id="name_short_self" class="field">
                <div class="left label">&nbsp;
{#                    Наименование 3{% if form.name_short_dadata.field.required %}<span class="required">*</span>{% endif %}:#}
                </div>
                <div class="form-field">
                    {{ form.name_short_self }}
                    {% if not is_ajax %}{{ form.name_short_self.errors }}{% endif %}
                    <p class="help-block">Для себя. Как вам удобнее запомнить. Например: сайт "Документор"</p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    <div class="clear"></div>


        <!-- ЛЕВАЯ КОЛОНКА ---------->
        <div class="col1">
            <div id="inn" class="field">
                <div class="left label">
                    ИНН{% if form.inn.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.inn }}
                    {% if not is_ajax %}{{ form.inn.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="kpp" class="field">
                <div class="left label">
                    КПП{% if form.kpp.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.kpp }}
                    {% if not is_ajax %}{{ form.kpp.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="ogrn" class="field">
                <div class="left label">
                    ОГРН{% if form.ogrn.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.ogrn }}
                    {% if not is_ajax %}{{ form.ogrn.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="okpo" class="field">
                <div class="left label">
                    ОКПО{% if form.okpo.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.okpo }}
                    {% if not is_ajax %}{{ form.okpo.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

        </div>

        <!-- ПРАВАЯ КОЛОНКА ---------->
        <div class="col2">
            <div id="contact_name" class="field">
                <div class="left label">
                    ФИО руководителя{% if form.contact_name.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.contact_name }}
                    {% if not is_ajax %}{{ form.contact_name.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_email" class="field">
                <div class="left label">
                    E-mail{% if form.contact_email.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.contact_email }}
                    {% if not is_ajax %}{{ form.contact_email.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_phone" class="field">
                <div class="left label">
                    Телефон{% if form.contact_phone.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.contact_phone }}
                    {% if not is_ajax %}{{ form.contact_phone.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_skype" class="field">
                <div class="left label">
                    Skype{% if form.contact_skype.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.contact_skype }}
                    {% if not is_ajax %}{{ form.contact_skype.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_other" class="field">
                <div class="left label">
                    Другое{% if form.contact_other.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.contact_other }}
                    {% if not is_ajax %}{{ form.contact_other.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>

        <!-- АДРЕС ---------->
        <div id="address" class="field" style="width: 700px;margin-bottom: 5px;">
            <div class="left label">
                Юр. адрес{% if form.address.field.required %}<span class="required">*</span>{% endif %}:
            </div>
            <div class="form-field ">
                {{ form.address }}
                {% if not is_ajax %}{{ form.address.errors }}{% endif %}
            </div>
            <div class="clear"></div>
        </div>

        <!-- БАНК ---------->
        <div class="col1">
            <div class="search-bank" style="width: 803px;">
            <div class="search__container">
                <div class="left label search__label">
                    Поиск банка:
                </div>
                <div class="form-field">
                <input class="search__input search__input_long" id="searchClientBankInput"
                       placeholder="Введите название, БИК или SWIFT" type="text">
            </div>
           </div>
            <div id="searchBankResult"></div>
        </div>
         {% if not form.bank_bik.is_hidden %}
            <div id="bank_bik" class="field">

                <div class="left label">
                    БИК{% if form.bank_bik.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.bank_bik }}
                    {% if not is_ajax %}{{ form.bank_bik.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}
        {% if not form.bank_name.is_hidden %}
            <div id="bank_name" class="field">
                <div class="left label">
                    Наименование банка{% if form.bank_name.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.bank_name }}
                    {% if not is_ajax %}{{ form.bank_name.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        {% endif %}

            {% if not form.bank_korr_account.is_hidden %}
            <div id="bank_korr_account" class="field">

                <div class="left label">
                    К/сч.{% if form.bank_korr_account.field.required %}<span class="required">*</span>{% endif %}:
                </div>

                <div class="form-field">
                    {{ form.bank_korr_account }}
                    {% if not is_ajax %}{{ form.bank_korr_account.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
            {% endif %}
            <div id="bank_account" class="field">
                <div class="left label">
                    Р/сч.{% if form.bank_account.field.required %}<span class="required">*</span>{% endif %}:
                </div>
                <div class="form-field">
                    {{ form.bank_account }}
                    {% if not is_ajax %}{{ form.bank_account.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>

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

</div>