{% extends 'base.html' %}
{% load i18n %}
{% load static %}


{% block scripts %}
    <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
{% endblock %}


{% block body %}
<form method="post" action="." class="form-horizontal">{% csrf_token %}
    <div class="box span8">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-tasks"></i>{{ form.verbose }}</h2>
        </div>
        <div class="box-content">
            <div class="control-group" style="margin-bottom: 1px;" >
                <div class="controls span3" id="m_e">
                    <ul class="nav nav-tabs" style="margin-bottom: -2px; margin-left: 10px;">
                        <li class="active">
                            <a href="#field_{{ form.e_description_ru.auto_id }}" data-toggle="tab">ru</a>
                        </li>
                        <li>
                            <a href="#field_{{ form.e_description_en.auto_id }}" data-toggle="tab">en</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="tab-content" >
                {# expo ru #}
                <div class="tab-pane active"  id="field_{{ form.e_description_ru.auto_id }}">
                    <div class="control-group {% if form.e_description_ru.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.e_description_ru.required %}
                                <b>{{ form.e_description_ru.label }}</b>:
                            {% else %}
                                {{ form.e_description_ru.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.e_description_ru }}
                            <span class="help-inline">{{ form.e_description_ru.errors }}</span>
                        </div>
                     </div>
                </div>

                {# expo en #}
                <div class="tab-pane"  id="field_{{ form.e_description_en.auto_id }}">
                    <div class="control-group {% if form.e_description_en.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.e_description_en.required %}
                                <b>{{ form.e_description_en.label }}</b>:
                            {% else %}
                                {{ form.e_description_en.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.e_description_en }}
                            <span class="help-inline"> {{ form.e_description_en.errors }}</span></div>
                     </div>
                </div>
            </div>


            <div class="control-group" style="margin-bottom: 1px;" >
                <div class="controls span3" id="m_c">
                    <ul class="nav nav-tabs" style="margin-bottom: -2px; margin-left: 10px;">
                        <li class="active">
                            <a href="#field_{{ form.c_description_ru.auto_id }}" data-toggle="tab">ru</a>
                        </li>
                        <li>
                            <a href="#field_{{ form.c_description_en.auto_id }}" data-toggle="tab">en</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-content" >
                {# conf ru #}
                <div class="tab-pane active"  id="field_{{ form.c_description_ru.auto_id }}">
                    <div class="control-group {% if form.c_description_ru.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.c_description_ru.required %}
                                <b>{{ form.c_description_ru.label }}</b>:
                            {% else %}
                                {{ form.c_description_ru.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.c_description_ru }}
                            <span class="help-inline">{{ form.c_description_ru.errors }}</span></div>
                     </div>
                </div>

                {# conf en #}
                <div class="tab-pane"  id="field_{{ form.c_description_en.auto_id }}">
                    <div class="control-group {% if form.c_description_en.errors %}error{% endif %}" >
                        <label class="control-label">
                            {% if form.c_description_en.required %}
                                <b>{{ form.c_description_en.label }}</b>:
                            {% else %}
                                {{ form.c_description_en.label }}:
                            {% endif %}
                        </label>
                        <div class="controls" style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">
                            {{ form.c_description_en }}
                            <span class="help-inline"> {{ form.c_description_en.errors }}</span></div>
                     </div>
                </div>
            </div>

            <hr/>
            <button type="submit" class="btn btn-primary" >Сохранить</button>
        </div>
    </div>
</form>

{% endblock %}