dokumentor/project/templates/customer/clients/form.html

{% 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 %}

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

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

        <div class="col1">
            <div style="margin-left: 128px; padding-top: 5px; font-weight: bold">&nbsp;</div>

            <div id="name" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    Наименование:{% if form.name.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.name }}
                    {% if not is_ajax %}{{ form.name.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="inn" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    ИНН:{% if form.inn.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.inn }}
                    {% if not is_ajax %}{{ form.inn.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="kpp" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    КПП:{% if form.kpp.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.kpp }}
                    {% if not is_ajax %}{{ form.kpp.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="okpo" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    ОКПО:{% if form.okpo.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.okpo }}
                    {% if not is_ajax %}{{ form.okpo.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="address" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    Юр. адрес:{% if form.address.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.address }}
                    {% if not is_ajax %}{{ form.address.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div style="margin-left: 128px; padding-top: 5px; font-weight: bold">Банковские реквизиты</div>

            <div id="bank_bik" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    БИК:{% if form.bank_bik.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.bank_bik }}
                    {% if not is_ajax %}{{ form.bank_bik.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="bank_name" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    Наименование банка:{% if form.bank_name.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.bank_name }}
                    {% if not is_ajax %}{{ form.bank_name.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="bank_address" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    Местонахождение:{% if form.bank_address.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.bank_address }}
                    {% if not is_ajax %}{{ form.bank_address.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="bank_korr_account" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    К/сч.:{% if form.bank_korr_account.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.bank_korr_account }}
                    {% if not is_ajax %}{{ form.bank_korr_account.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="bank_account" class="field">
                <div style="float: left; width: 120px; text-align: right; margin-right: 6px;">
                    Р/сч.:{% if form.bank_account.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.bank_account }}
                    {% if not is_ajax %}{{ form.bank_account.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="col2">
            <div style="margin-left: 68px; padding-top: 5px; font-weight: bold">Контакты</div>

            <div id="contact_name" class="field">
                <div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    Имя:{% if form.contact_name.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ 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 style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    E-mail:{% if form.contact_email.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ 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 style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    Телефон:{% if form.contact_phone.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.contact_phone }}
                    {% if not is_ajax %}{{ form.contact_phone.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_icq" class="field">
                <div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    ICQ:{% if form.contact_icq.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.contact_icq }}
                    {% if not is_ajax %}{{ form.contact_icq.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>

            <div id="contact_skype" class="field">
                <div style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    Skype:{% if form.contact_skype.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ 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 style="float: left; width: 60px; text-align: right; margin-right: 6px;">
                    Другое:{% if form.contact_other.field.required %} <span class="required">*</span>{% endif %}
                </div>
                <div style="float: left; width: 210px;">
                    {{ form.contact_other }}
                    {% if not is_ajax %}{{ form.contact_other.errors }}{% endif %}
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="clear"></div>

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