{%- macro check_result_count(f, t) %}
    {% if language_pairs_other_results %}
        {% set entry_count = language_pairs_other_results.get((f, t)) %}
        {% if entry_count > 0 -%}
            <span class="badge badge-info pull-right">{{ entry_count }}</span>
        {%- endif %}
    {% endif %}
{% endmacro -%}

{%- macro render_pair_blocks(grouped_items) -%}
    {%- for iso_pair, pair_options in grouped_items -%}
            {%- if pair_options.input_variants -%}
                {% set pair_has_variant = true  %}
            {%- else -%}
                {% set pair_has_variant = false %}
            {%- endif -%}

            {% set active_pair = false %}
            {%- if not is_variant %}
                {%- if iso_pair[0] == _from and iso_pair[1] == _to %}
                    {% set active_pair = true %}
                    {% set nav_classes = "active nav nav-collapse nav-tabs nav-stacked" %}
                {% else -%}
                    {% set nav_classes = "nav nav-collapse nav-tabs nav-stacked" %}
                {% endif -%}
            {% elif is_variant -%}
                {%- if iso_pair[1] == orig_pair[1] and iso_pair[0] == orig_pair[0] %}
                    {% set nav_classes = "active nav nav-collapse nav-tabs nav-stacked" %}
                    {% set active_pair = true %}
                {% else -%}
                    {% set nav_classes = "nav nav-collapse nav-tabs nav-stacked" %}
                {% endif -%}
            {% else -%}
                {% set nav_classes = "nav nav-collapse nav-tabs nav-stacked" %}
            {% endif -%}


            <ul class="{{ nav_classes }}">
                {% if iso_pair[0] == _from and user_input %}
                    {% set params = "?lookup=" + user_input %}
                {% else %}
                    {% set params = "" %}
                {% endif %}

                {% if not is_variant %}
                    {%- if iso_pair[0] == _from and iso_pair[1] == _to %}
                        <li class="active">
                    {% else -%}
                        <li>
                    {% endif -%}
                {% elif is_variant -%}
                    {%- if iso_pair[1] == orig_pair[1] and iso_pair[0] == orig_pair[0] %}
                        <li class="active">
                    {% else -%}
                        <li>
                    {% endif -%}
                {% else -%}
                    <li>
                {% endif %}
            {# URLFOR: test #}
                    <a href="{{ url_for('.canonical_root_search_pair', _from=iso_pair[0], _to=iso_pair[1]) }}{{ params }}" class="block_title">
                        <span lang="{{ current_locale }}">{{ iso_pair[0]|iso_to_i18n }} &rarr; {{ iso_pair[1]|iso_to_i18n }}</span>
                        {%- if iso_pair[1] != _to %}
                        {{ check_result_count(iso_pair[0], iso_pair[1]) }}
                        {% endif -%}
                    </a>
                </li>

                {# Start a new nav if there are variants #}
                {% if pair_has_variant and active_pair %}
                    </ul>
                    <span class="nav-header variantnote" lang="{{ current_locale }}">{% trans %}Written variant{% endtrans %}</span>
                    <ul class="nav nav-collapse nav-tabs nav-stacked subnavcoloring">
                    {# Only display if the pair is the current one the user is looking at #}
                    {%- if iso_pair[0] == _from and iso_pair[1] == _to or orig_pair == iso_pair %}
                        {% for variant in pair_options.input_variants %}
                           	<li {% if _from == variant.short_name %} class="active"{% endif %}>
                                <a href="{{ url_for('.canonical_root_search_pair', _from=variant.short_name, _to=_to) }}"><span lang="{{ current_locale }}">{{ gettext(variant.description)|safe }}</span>{% if variant.example %} <span lang="{{ current_locale }}">{{ gettext(variant.example)|safe }}</span>{% endif %}</a>
                            </li>
                        {% endfor %}
                    {%- endif -%}
                    </ul>
                {%- endif -%}

                {% include 'left_nav_search_variants.html' %}

                {# TODO: input variants go here too #}

    {% endfor %}
    </ul>
{%- endmacro -%}

{#  <div class="container-fluid" id="language_grouped_nav"> #}
<div class="container-fluid" id="language_grouped_nav">
    {% for iso_group, grouped_items in language_pairs_grouped_by_source.iteritems() %}
        {# TODO: active pair bug for _from lang when _from is a variant #}
        {% if iso_group == _from or iso_group == _to or _from|is_variant_of(grouped_items) %}
            {% set active_group = "active-group" %}
        {% else %}
            {% set active_group = "inactive-group" %}
        {% endif %}
        <h5 class="{{ active_group }}-title"><span class="inactive-placeholder label label-grey">+</span><a href="#" data-iso-group="{{ iso_group }}" class="expander" lang="{{ iso_group }}">{{ iso_group|iso_to_language_own_name }}</a> </h5>
        <div class="expander-group row-fluid {{ active_group }}" data-iso-expander="{{ iso_group }}">
        {{ render_pair_blocks(grouped_items) }}
        </div>
    {% endfor %}
</div>
<script type="text/javascript">
    $(document).ready( function(){
    	$('h5.inactive-group-title a.expander').click( function(e) {
    		var expander_group = $(e.target).attr('data-iso-group');
    		var expander_target = "div.expander-group[data-iso-expander='" + expander_group + "']" ;
    		$('h5.inactive-group-title .inactive-placeholder').fadeIn(50);
    		$('div.expander-group.inactive-group').slideUp();
    		$(e.target).parents('h5').find('.inactive-placeholder').fadeOut(100);
    		$(expander_target).slideToggle();

    	    e.preventDefault();
    	});
    });
</script>

{# vim: set ts=4 sw=4 tw=0 syntax=htmljinja : #}