{% comment %}
    Usage: used for creating multilanguage tabs

    Uses form, languages dictionary and field which will be in tabs

    Bootstrap for creating tabs

{% endcomment %}
<div>
    <div class="span3"><ul class="nav nav-tabs" style="margin-bottom: -1px; margin-left: 10px;" id="multilang_{{ field }}">
{% for code, name in languages %}
    <li {% if forloop.counter == 1 %}class="active"{% endif %}><a href="#field_{{ field }}_{{ code }}" data-toggle="tab">{{code}}</a></li>
{% endfor %}
</ul></div>
</div>



<div class="tab-content" >
{% for code, name in languages %}
    {# makes field like field_en, field_ru etc. #}
    {% with field|add:"_"|add:code as lang_field %}
    <div class="tab-pane{% if forloop.counter == 1 %} active{% endif%} "  id="field_{{ field }}_{{ code }}">
      {% for f in form %}
          {# finds translated fields in form #}
        {% ifequal f.name  lang_field %}
        <div >
            <div style="border: 1px solid #ddd; padding: 10px; border-radius: 5px">{{f}}{# style for making content border #}
                <span class="help-inline"> {{f.errors}}</span></div>
         </div>
        {% endifequal %}
      {% endfor %}
    </div>
    {% endwith %}
{% endfor %}
</div>