{% extends "rosetta/base.html" %}

{% block header %}

    <div id="branding">

        <h1 id="site-name">
            <a href="{{ request.url_for('rosetta_file_list', po_filter='project') }}">
                Rosetta
            </a>
        </h1>

    </div>


    <div id="header-tools">

        <div id="user-tools">

            <a href="{{ request.url_for('rosetta_file_list', po_filter=po_filter) }}">
                {{ _("Pick another file") }}
            </a>

            <span class="separator">|</span>

            <a href="{{ request.url_for(
            'rosetta_download_file',
            po_filter=po_filter,
            lang_id=lang_id,
            idx=idx
        ) }}">
                {{ _("Download this catalog") }}
            </a>

        </div>


        <div id="language-switcher">

        <span class="language-label">
            🌐
        </span>

            <div class="language-menu">

                {% for code, name in rosetta_languages %}

                    <a href="/rosetta/language/{{ code }}"
                       class="{% if current_language == code %}active{% endif %}">
                        {{ name }}
                    </a>

                {% endfor %}

            </div>

        </div>

    </div>


{% endblock %}


{% block pagetitle %}
    {{ super() }}
    -
    {{ rosetta_settings.messages_source_language_name }}
    -
    {{ rosetta_i18n_lang_name }}
    ({{ rosetta_i18n_pofile.percent_translated() }}%)
{% endblock %}



{% block breadcrumbs %}

    <div>
        <a href="{{ request.url_for(
        'rosetta_file_list',
        po_filter=po_filter
    ) }}">
            {{ _("Home") }}
        </a>

        &rsaquo;

        {{ rosetta_i18n_lang_name }}

        &rsaquo;

        {{ rosetta_i18n_app|title }}

        &rsaquo;

        Progress:
        {{ rosetta_i18n_pofile.percent_translated() }}%
    </div>


    {% if not rosetta_i18n_write %}
        <p class="errornote read-only">
            {{ _("File is read-only: download the file when done editing!") }}
        </p>
    {% endif %}



    {% if messages %}
        <div class="messages errornote save-conflict">

            {% for message in messages %}
                <p>
                    {{ message.message }}
                </p>
            {% endfor %}

        </div>
    {% endif %}


{% endblock %}





{% block main %}


    <h1>
        {{ _("Translate into") }}
        {{ rosetta_i18n_lang_name }}
    </h1>



    <ul class="object-tools">

        <li class="nobubble">
            {{ _("Display:") }}
        </li>


        {% for filter_name, label in [
    ('untranslated', 'Untranslated only'),
    ('translated', 'Translated only'),
    ('fuzzy', 'Fuzzy only'),
    ('all', 'All')
] %}

            <li {% if rosetta_i18n_filter == filter_name %}class="active"{% endif %}>
                <a href="?{{ filter_query_string_base }}&msg_filter={{ filter_name }}">
                    {{ _(label) }}
                </a>
            </li>

        {% endfor %}


    </ul>




    <div id="changelist"
         class="module{% if rosetta_i18n_lang_bidi %} rtl{% endif %}">


        <div id="toolbar">

            <form id="changelist-search"
                  action=""
                  method="get">


                <div>

                    <label for="searchbar">

                        <img
                                src="{{ static('rosetta/img/icon_searchbox_rosetta.png') }}"
                                alt="{{ _('Search') }}"
                        />

                    </label>


                    <input
                            type="text"
                            size="40"
                            name="query"
                            value="{{ query or '' }}"
                            id="searchbar"
                    />


                    <input
                            type="submit"
                            name="s"
                            value="{{ _('Go') }}"
                    />


                </div>

            </form>

        </div>




        {% if rosetta_settings.enable_reflang %}

            <div class="actions">

                <label for="ref-language-selector">
                    {{ _("Reference language") }}:
                </label>


                <select id="ref-language-selector"
                        class="select-across">


                    {% for langid, langname in languages %}

                        <option
                                {% if ref_lang == langid %}
                                    selected
                                {% endif %}
                                    value="?ref_lang={{ langid }}">
                            {{ langname }}
                        </option>


                    {% endfor %}


                </select>

            </div>


        {% endif %}





        <form method="post"
              action=""
              class="results">


            <table id="result_list">


                <thead>

                <tr>

                    <th>
                        {{ _("Original") }}
                    </th>


                    {% if main_language %}
                        <th>
                            {{ main_language }}
                        </th>
                    {% endif %}


                    <th>
                        {{ rosetta_i18n_lang_name }}
                    </th>


                    <th class="info-tip c">

                        <input id="action-toggle"
                               type="checkbox">

                        {{ _("Fuzzy") }}

                    </th>



                    {% if rosetta_settings.show_occurrences %}
                        <th>
                            {{ _("Occurrences(s)") }}
                        </th>
                    {% endif %}


                </tr>

                </thead>


                <tbody>


                {% for message in rosetta_messages %}


                    <tr class="{{ loop.cycle('row1','row2') }}">


                        <td class="original">

<span class="message">

{% if rosetta_settings.enable_reflang %}

    {{ message.ref_txt|format_message|linebreaksbr }}

{% else %}

    {{ message.msgid|format_message|linebreaksbr }}

{% endif %}

</span>

                        </td>



                        {% if main_language %}

                            <td class="original">

                                {{ message.main_lang|format_message|linebreaksbr }}

                            </td>

                        {% endif %}




                        <td class="translation">


<span class="alert hidden">
{{ _("Unmatched variables") }}
</span>


                            <textarea
                                    name="m_{{ message.md5hash }}"
                                    rows="{{ message.msgid|format_message|lines_count }}"
                                    cols="40"
                            >{{ message.msgstr }}</textarea>



                            {% if rosetta_settings.enable_translation_suggestions %}

                                <a href="#" class="suggest">
                                    {{ _("suggest") }}
                                </a>

                            {% endif %}


                        </td>


                        <td class="c">

                            <input
                                    type="checkbox"
                                    name="f_{{ message.md5hash }}"
                                    value="1"
                                    {% if message|is_fuzzy %}
                                    checked
                                    {% endif %}
                            />


                        </td>


                    </tr>



                {% endfor %}


                </tbody>


            </table>


            <div class="submit-row">

                <p class="paginator">


                    <input
                            type="submit"
                            class="default"
                            name="_next"
                            value="{{ _('Save and translate next block') }}"
                    />


                    <strong>
                        {{ paginator.object_list|length }}
                        /
                        {{ rosetta_i18n_pofile|length }}
                        messages
                    </strong>

                    {% if needs_pagination %}

                        <span class="space">|</span>

                        {% for p in page_range %}

                            {% if p == page %}

                                <strong>{{ p }}</strong>

                            {% elif p == '...' %}

                                <span>{{ p }}</span>

                            {% else %}

                                <a href="?page=


                                        {{ p }}{% if pagination_query_string_base %}&{{ pagination_query_string_base }}{% endif %}">
                                    {{ p }}
                                </a>

                            {% endif %}

                        {% endfor %}

                    {% endif %}

                </p>


            </div>


        </form>


    </div>


{% endblock %}