{# vim: set ts=2 et sts=2 sw=2: #}
{% extends "wiki/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% from "wiki/includes/sidebar_modules.html" import document_tabs %}
{% from "includes/common_macros.html" import content_editor %}
{% from "wiki/includes/document_macros.html" import revision_diff, submit_revision, edit_messages with context %}
{% set title = _('Translate Article | {document}')|f(document=parent.title) %}
{% set crumbs = [(url('wiki.category', parent.category), parent.get_category_display()),
                 (parent.get_absolute_url(), parent.title),
                 (None, _('Translate Article'))] %}
{% set classes = 'translate' %}

{% block content %}
  {% set language = settings.LANGUAGES[locale.lower()] %}
  <article id="localize-document" class="main form-page">
    <h1>{{ _('Translating {title}')|f(title=parent.title) }}</h1>
    <div class="change-locale">
      <p>
        {{ _('Translating article to {locale}' )|f(locale=language) }}.
        <a id="change-locale-link" class="change" href="#change-locale">{{ _('Change') }}</a>
      </p>
      {% if not based_on.is_ready_for_localization %}
        <div class="warning-box">
          {{ _('You are translating an English document which is not yet ready for localization.') }}
        </div>
      {% endif %}
      <section id="change-locale" class="kbox" title="{{ _('Choose a locale:') }}" data-target="#change-locale-link" data-modal="true" data-close-on-out-click="true">
        <ul>
          {% for lcl in settings.LANGUAGE_CHOICES %}
            {% if lcl[0] not in [settings.WIKI_DEFAULT_LANGUAGE, locale] %}
              <li><a href="{{ url('wiki.translate', locale=lcl[0], document_slug=parent.slug) }}" title="{{ lcl[1] }}">{{ lcl[0] }}</a></li>
            {% endif %}
          {% endfor %}
        </ul>
      </section>
    </div>
    {{ edit_messages() }}
    {% if not document %}
      {# If this is the first translation to this locale, we use 1 big form. #}
      <form action="" method="post" data-json-url="{{ url('wiki.json') }}">
        {{ csrf() }}
        <input type="hidden" name="form" value="both" />
    {% endif %}
    {% if document_form %}
      <details class="h2"{% if disclose_description %} open="open"{% endif %}>
        <summary>{{ _('Translate Description') }}</summary>
        {{ errorlist(document_form) }}
        {% if document %}
          {# If there are existing translations in this locale, we use 2 separate forms. #}
          <form action="" method="post" data-json-url="{{ url('wiki.json') }}" data-document-id="{{ document.id }}">
            {{ csrf() }}
            <input type="hidden" name="form" value="doc" />
        {% endif %}
        <ul class="description">
          <li>
            <div class="approved">
              <h3>{{ _('Title:') }}</h3>
              <div class="val">{{ parent.title }}</div>
            </div>
            <div class="localized">
              <h3><label for="{{ document_form.title.auto_id }}" title="{{ document_form.title.help_text }}">{{ _('Title in {locale}:')|f(locale=language) }}</label></h3>
              {{ document_form.title|safe }}
            </div>
          </li>
          <li>
            <div class="approved">
              <h3>{{ _('Slug:') }}</h3>
              <div class="val">{{ parent.slug }}</div>
            </div>
            <div class="localized">
              <h3><label for="{{ document_form.slug.auto_id }}" title="{{ document_form.slug.help_text }}">{{ _('Slug in {locale}:')|f(locale=language) }}</label></h3>
              {{ document_form.slug|safe }}
            </div>
          </li>
          <li>
            {{ document_form.allow_discussion|label_with_help }}{{ document_form.allow_discussion }}
          </li>
        </ul>
        {% if document %}
            <div class="submit">
              <input type="submit" value="{{ _('Save description') }}">
            </div>
          </form>
        {% endif %}
      </details>
    {% endif %}

    {% if revision_form %}
      <details class="h2" open="open">
        <summary>{{ _('Translate Content') }}</summary>
        {{ errorlist(revision_form) }}
        {% if document %}
          {# If there are existing translations in this locale, we use 2 separate forms. #}
          <form action="" method="post">
            {{ csrf() }}
            <input type="hidden" name="form" value="rev" />
        {% endif %}
        <ul class="description">
          <li>
            <div class="approved">
              <h3>{{ _('Keywords:') }}</h3>
              <div class="val">{{ based_on.keywords }}</div>
            </div>
            <div class="localized">
              <h3><label for="{{ revision_form.keywords.auto_id }}" title="{{ revision_form.keywords.help_text }}">{{ _('Keywords in {locale}:')|f(locale=language) }}</label></h3>
              {{ revision_form.keywords|safe }}
            </div>
          </li>
          <li>
            <div class="approved">
              <h3>{{ _('Search result summary:') }}</h3>
              <div class="val">{{ based_on.summary }}</div>
            </div>
            <div class="localized">
              <h3><label for="{{ revision_form.summary.auto_id }}" title="{{ revision_form.summary.help_text }}">{{ _('Search result summary in {locale}:')|f(locale=language) }}</label></h3>
              {{ revision_form.summary|safe }}
            </div>
          </li>
        </ul>
        {% if document.current_revision and document.current_revision.based_on and parent.latest_localizable_revision %}
          {# Diff between the English version the current translation is based on and the most recent ready-to-localize English version. #}
          {{ revision_diff(document.current_revision.based_on, parent.latest_localizable_revision, show_picker=True) }}
        {% elif not parent.latest_localizable_revision %}
          <p>{{ _('Note: This article has no revisions ready for localization.') }}</p>
        {% else %}
          <p>{{ _('Note: There are no approved translations for this article.') }}</p>
        {% endif %}
        <div id="content-fields">
          <ul>
          <div class="approved">
            <h3>{{ _('Approved {default_locale} version:')|f(default_locale=settings.LANGUAGES[settings.WIKI_DEFAULT_LANGUAGE.lower()]) }}</h3>
            <textarea readonly="readonly">{{ based_on.content }}</textarea>
          </div>
          <div class="localized">
            <h3>{{ _('{locale} translation:')|f(locale=language) }}</h3>
            {{ content_editor(revision_form.content) }}
          </div>
        </div>
        {{ revision_form.hidden_fields()|join|safe }}
        <div class="buttons-and-preview">
          {{ submit_revision(revision_form) }}
          <div id="preview"></div>
          <div class="submit" id="preview-bottom">
            {{ submit_revision(revision_form, buttons_only=True) }}
          </div>
        </div>
        {% if document %}
          </form>
        {% endif %}
      </details>
    {% endif %}
    {% if not document %}
      </form>
    {% endif %}
  </article>
{% endblock %}

{% block side_top %}
  {{ document_tabs(document, parent, user, 'localize', settings) }}
{% endblock %}

{% block side_promos %}{% endblock %}