{#
 This template is also rendered with each entry (i.e., `rendered_templates`),
 and has access to all of the main entry-specific template values.

 Since the goal is definitions, `lexicon_entry` is relevant. Filtering
 by target language has to happen here, so be sure to use the
 `xml_lang` filter if overriding.
#}

{% block template_doc %}{% if TEMPLATE_DOC %}
Customizations include: 
 - audio links
   - via SoundManager2 and some custom JS (see includes.template)

 - sorting by @rank attribute
{% endif %}{% endblock %}

 
{% import 'lexicon.macros' as macros with context %}

{% for meaning_group in lexicon_entry|xpath('./mg') %}

    {% set translation_groups = meaning_group|xpath('./tg')|xml_lang(_to) %}

    {% if translation_groups|count > 0 %}
        <li>
    {% else %}
        {% continue %}
    {% endif %}

    {% for translation_group in translation_groups %}
        {# TODO: is it possible to avoid having to pass the global context variables in here? #}
        {{ templates.definition_text.render(translation_group=translation_group, _from=_from, _to=_to) }}

        {# TODO: examples should move to definition notes template,
           which will need to be rendered for each tg #}
        {% set examples = meaning_group|xpath('./xg') or translation_group|xpath('./xg') %}

        {% if examples %}
            <div class="example_set">
                <blockquote class="examples">
                    <dl>
                    {% for example in examples %}
                        {% if example|xpath('@re') %}
                            <dt lang="{{ _from }}">{{ example|xpath('./x')|first|text }} ({{ example|xpath('@re')|first }})</dt>
                        {% else %}
                            <dt lang="{{ _from }}">{{ example|xpath('./x')|first|text }}</dt>
                        {% endif %}
                        <dd lang="{{ _to }}">{{ example|xpath('./xt')|first|text }}</dd>
                    {% endfor %}
                    </dl>

                    {# example-audio #}
                    {% for example in examples %}
                    {% set has_audio = example|xpath('./audio')|length > 0 %}

                    {%- if has_audio -%}
                        {%- set audio = example|xpath('./audio/a') %}
                        <div class="container-fluid">
                            <div class="audio-links row-fluid">
                                <div class="span12">
                                {# TODO: group by 3 and repeat #}
                                {# TODO: test on mobile #}

                                    {%- for aud in audio -%}
                                    <div class="audio-container">
                                        {% set transcription = aud.xpath('@transcription')|first %}
                                        {% set speaker = aud.xpath('@speaker')|first %}
                                        {% set dialect = aud.xpath('@dialect')|first %}
                                        <a class="audio-link" 
                                           data-audio-player 
                                           data-audio-target="{{ aud.xpath('@href')|first }}" target="blank" href="#">
                                            <i class="icon-volume-up"></i>
                                            <span class="audio-meta">
                                                {% if dialect %}
                                                    <span data-type="dialect">{{ dialect }}</span>{% if speaker or transcription %}, {% endif %}
                                                {% endif %}
                                                {% if speaker %}
                                                    <span data-type="speaker">{{ speaker }}</span>{% if transcription %}, {% endif %}
                                                {% endif %}
                                                {% if transcription %}
                                                    <span data-type="transcription">{{ transcription }}</span>
                                                {% endif %}
                                            </span>
                                        </a>
                                    </div>
                                    {%- endfor -%}
                                </div>
                            </div>
                        </div>
                    {%- endif -%}
                    {% endfor %}
                    {# /example-audio #}
                </blockquote>
            </div>
        {% endif %}

    {% endfor %}

{% endfor %}

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