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

        {% block scripts %}

        <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
        {# selects #}
        <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
        <script src="{% static 'js/select/select2.js' %}"></script>
        <script src="{% static 'custom_js/service.js' %}"></script>
        <style>
            li{
                list-style-type: none;
            }
            .region{
                display: none;
            }
            .country_child{
                margin-left: 20px;
            }

            .toggle{
                border: none;
                box-shadow: none;
            }
        </style>



        {% endblock %}

{% block body %}

{# Uses multilang.html template for translated fields #}
<form  method="post" class="form-horizontal" enctype="multipart/form-data" name="form1" id="form1">
    {% csrf_token %}
    
<fieldset>
    <legend><i class="icon-edit"></i>{% if form.instance.pk %} {% trans "Изменение" %} {% else %} {% trans "Добавление" %} {% endif %} {% trans "услуги" %}</legend>

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Информация о услуге</h2>
        </div>
        <div class="box-content">

            {# name #}
            {% with field='name' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# url #}
            <div class="control-group   {% if form.url.errors %}error{% endif %}">
                <label class="control-label">{{ form.url.label }}:</label>
                    <div class="controls">
                        {{ form.url }}
                        <span class="help-inline">{{  form.url.errors }}</span>
                    </div>
            </div>

            {# type #}
            <div class="control-group   {% if form.type.errors %}error{% endif %}">
                <label class="control-label">{{ form.type.label }}:</label>
                    <div class="controls">
                        {{ form.type }}
                        <span class="help-inline">{{  form.type.errors }}</span>
                    </div>
            </div>
            
            {# template #}
            <div class="control-group   {% if form.template.errors %}error{% endif %}">
                <label class="control-label">{{ form.template.label }}:</label>
                    <div class="controls">
                        {{ form.template }}
                        <span class="help-inline">{{  form.template.errors }}</span>
                    </div>
            </div>
            
            {# main_title #}
            {% with field='main_title' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# description #}
            {% with field='description' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# advantage #}
            {% with field='advantage' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# price #}
            <div class="control-group {% if form.price.errors %}error{% endif %}">
                <label class="control-label">{{ form.price.label }}:</label>
                    <div class="controls">
                        {{ form.price }}  {{ form.currency }}
                        <span class="help-inline">{{  form.price.errors }}</span>
                    </div>
            </div>
            {% comment %}
                
            {# countries #}
            <div class="control-group {% if form.europa.errors %}error{% endif %}">
                <label class="control-label">Страны:</label>
                    <div class="controls">
                    <p style="margin-top: 5px;"><input type="checkbox">
                        <a class="check" href="#"><i class="icon-ok"></i></a>
                        {{ form.europa.label }}
                        <a class="btn toggle" href="#"><span class="caret"></span></a>
                    </p>
                        {{ form.europa }}
                    <p><input type="checkbox">
                        <a class="check" href="#"><i class="icon-ok"></i></a>
                        {{ form.asia.label }}
                        <a class="btn toggle" href="#"><span class="caret"></span></a>
                    </p>
                        {{ form.asia }}
                    <p><input type="checkbox">
                        <a class="check" href="#"><i class="icon-ok"></i></a>
                        {{ form.america.label }}
                        <a class="btn toggle" href="#"><span class="caret"></span></a>
                    </p>
                        {{ form.america }}
                    <p><input type="checkbox">
                        <a class="check" href="#"><i class="icon-ok"></i></a>
                        {{ form.africa.label }}
                        <a class="btn toggle" href="#"><span class="caret"></span></a>
                    </p>
                        {{ form.africa }}
                    </div>
            </div>
            {% endcomment %}
            {# keywords #}
            {% with field='keywords' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# title #}
            {% with field='title' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}
            {# descriptions #}
            {% with field='descriptions' form=form languages=languages %}
                {% include 'c_admin/forms/multilang.html' %}
            {% endwith %}

        </div>
    </div>

    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-pencil"></i> Управления услугами</h2>
        </div>
        <div class="box-content">

            <div class="control-group">
                <label class="control-label">Выставки</label>
                    <div class="controls">
                        <button class="btn btn-success">Включить все выставки</button>
                    </div>
            </div>

            <div class="control-group">
                <label class="control-label">&nbsp;</label>
                    <div class="controls">
                        <input type="text">
                    </div>
            </div>

            <div class="control-group">
                <label class="control-label">Конференции</label>
                    <div class="controls">
                        <button class="btn">Включить все конференции</button>
                    </div>
            </div>

            <div class="control-group">
                <label class="control-label">&nbsp;</label>
                    <div class="controls">
                        <input type="text">
                    </div>
            </div>



        </div>
    </div>

    <div class="controls">
    <input class="btn btn-large btn-primary" type="submit" value="Добавить">
    <input class="btn btn-large" type="reset" value="Отмена">
    </div>

</fieldset>
</form>

{% endblock %}