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

        {% block scripts %}
            <script src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
            {# 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_catalog.js' %}"></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">
                {# title #}
                <div class="control-group {% if form.title.errors %}error{% endif %}">
                    <label class="control-label"><b>{{ form.title.label }}:</b></label>
                        <div class="controls">
                            {{ form.title }}<span class="help-inline"></span>
                            <span class="help-inline">{{  form.title.errors }}</span>
                        </div>
                </div>
                {# main_descr #}
                <div class="control-group {% if form.main_descr.errors %}error{% endif %}">
                    <label class="control-label">{{ form.main_descr.label }}:</label>
                    <div class="controls">
                        {{ form.main_descr }}
                        <span class="help-inline">{{  form.main_descr.errors }}</span>
                    </div>
                </div>
            
                {# benefits #}
                <div class="control-group {% if form.benefits.errors %}error{% endif %}">
                    <label class="control-label">{{ form.benefits.label }}:</label>
                    <div class="controls">
                        {{ form.benefits }}
                        <span class="help-inline">{{  form.benefits.errors }}</span>
                    </div>
                </div>
                {# big_cities #}
                <div class="control-group {% if form.big_cities.errors %}error{% endif %}">
                    <label class="control-label">{{ form.big_cities.label }}:</label>
                    <div class="controls">
                        {{ form.big_cities }}
                        <span class="help-inline">{{  form.big_cities.errors }}</span>
                    </div>
                </div>
            
                {# 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.label }}{{ form.currency }}
                        <span class="help-inline">{{  form.price.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>
            
                {# 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>
            
                {# specialists #}
                <div class="control-group {% if form.specialists.errors %}error{% endif %}">
                    <label class="control-label">{{ form.specialists.label }}(не обязательно):</label>
                    <div class="controls">
                        {{ form.specialists }}<a class="btn " href="{% url 'specialist_new' %}">Довавить</a>
                        <span class="help-inline">{{  form.specialists.errors }}</span>
                    </div>
                </div>
                {# logo #}
                <div class="control-group {% if form.logo.errors %}error{% endif %}">
                    <label class="control-label">{{ form.logo.label }}:</label>
                    <div class="controls">
                        {{ form.logo }} <output id="list_logo"></output>
                        <span class="help-inline">{{  form.logo.errors }}</span>
                    </div>
                </div>
                {# place_photo #}
                <div class="control-group {% if form.place_photo.errors %}error{% endif %}">
                    <label class="control-label">{{ form.place_photo.label }}:</label>
                    <div class="controls">
                        {{ form.place_photo }} <output id="list_picture"></output>
                        <span class="help-inline">{{  form.place_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/catalog/new/' %} value="Добавить" {% else %} value='Изменить'  {% endif %}/>
            <input class="btn btn-large" type="reset" value="Отмена">
            <a class="btn btn-large" href="{% url 'catalog_all' %}">Вернуться</a>
        </div>
    </fieldset>
</form>

    <!--Feedbacks block -->
    <div class="box span8">
        <div class="box-header well">
            <h2><i class="icon-arrow-down"></i>Отзывы для текущего каталога </h2>
        </div>
        <div class="box-content">
    {% if  object.feedback_set.all %}
        {% with object.feedback_set.all as feedbacks %}
            <table class="table table-hover">
                <thead>
                <tr>

                    <th>Логотип</th>
                    <th>Имя</th>
                    <th>Компания</th>
                    <th>Текст</th>
                    <th>&nbsp;</th>
                </tr>
                </thead>
                <tbody>
                {% for item in feedbacks %}
                    <tr>

                        <td>
                            {% thumbnail item.logo "100x100" crop="center" as im %}
                                <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                            {% endthumbnail %}</td>
                        <td>{{ item.name }}</td>
                        <td>{{ item.company }}</td>
                        <td>{{ item.text }}</td>
                        <td class="center sorting_1">
                            <a class="btn-small btn-info" href='{% url "feedback_edit" catalog_pk=object.id id=item.id %}'>
                                Изменить
                            </a>
                        </td>

                        <td>
                            <a class="btn-small btn-danger delete" href='{% url "feedback_delete" item.id %}'>
                                Удалить
                            </a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <a class="btn btn-success" href='{% url "feedback_new" object.id %}'>
                <i class="icon-plus-sign icon-white"></i> Хочу еще один </a>
        {% endwith %}
    {% elif object.id %}
        Отзывов еще нет,
         <a class="btn btn-success" href='{% url "feedback_new" catalog_pk=object.id%}'>
                        <i class="icon-plus-sign icon-white"></i> Добавить </a>
    {% endif %}
    </div>


    </div>



{% endblock %}