{% extends 'base.html' %}
{% load static %}
{# Displays article form #}

        {% block scripts %}
            {# selects for city and country #}
            <link href="{% static 'js/select/select2.css' %}" rel="stylesheet"/>
            <style>
                .thumb {
                    height: 75px;
                    border: 1px solid #000;
                    margin: 10px 5px 0 0;
                }
            </style>
            <script src="{% static 'js/select/select2.js' %}"></script>
            <script src="{% static 'custom_js/specialist.js' %}?ad=ddd"></script>
        {% endblock %}

{% block body %}
<form method="post"  class="form-horizontal" enctype="multipart/form-data"> {% csrf_token %}
    <fieldset>
        <div class="box span8">
            <div class="box-header well">
                <h2><i class="icon-pencil"></i> Добавление специалиста(переводчика)</h2>
            </div>
            <div class="box-content">
                {# name #}
                <div class="control-group {% if form.name.errors %}error{% endif %}">
                    <label class="control-label"><b>{{ form.name.label }}:</b></label>
                        <div class="controls">
                            {{ form.name }}<span class="help-inline"></span>
                            <span class="help-inline">{{  form.name.errors }}</span>
                        </div>
                </div>
                {# languages #}
                <div class="control-group {% if form.languages.errors %}error{% endif %}">
                    <label class="control-label">{{ form.languages.label }}:</label>
                    <div class="controls">
                        {{ form.languages }}
                        <span class="help-inline">{{  form.languages.errors }}</span>
                    </div>
                </div>
                {# country #}
                <div class="control-group {% if form.country.errors %}error{% endif %}">
                    <label class="control-label">{{ form.country.label }}:</label>
                    <div class="controls">
                        {{ form.country }}
                        <span class="help-inline">{{  form.country.errors }}</span>
                    </div>
                </div>
                {# city #}
                <div class="control-group {% if form.city.errors %}error{% endif %}">
                    <label class="control-label">{{ form.city.label }}:</label>
                    <div class="controls">
                        {{ form.city }}
                        <span class="help-inline">{{  form.city.errors }}</span>
                    </div>
                </div>
                {# photo #}
                <div class="control-group {% if form.photo.errors %}error{% endif %}">
                    <label class="control-label">{{ form.photo.label }}:</label>
                    <div class="controls">
                        {{ form.photo }} <output id="list"></output>
                        <span class="help-inline">{{  form.photo.errors }}</span>
                    </div>
                </div>

            </div>
        </div>

        <div class="controls">

            <input class="btn btn-large btn-primary" type="submit"  {% if request.path == '/admin/specialist_catalog/specialist/new/' %} value="Добавить" {% else %} value='Изменить'  {% endif %}/>
            <input class="btn btn-large" type="reset" value="Отмена">
        </div>
    </fieldset>
</form>

{% endblock %}