{# vim: set ts=2 et sts=2 sw=2: #}
{% extends "wiki/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% set title = _(document.title + ' | Edit {title}')|fe(title=('Template' if document.is_template else 'Article')) %}
{% block title %}{{ page_title(title) }}{% endblock %}
{# TODO: Change KB url to landing page when we have one #}
{% set crumbs = [(url('wiki.category', document.category), document.get_category_display()),
                 (document.get_absolute_url(), document.title),
                 (None, _('Edit Article'))] %}
{% set classes = 'edit' %}
{% block bodyclass %}edit{% if document.is_template %} is-template{% endif %}{% endblock %}

{% block content %}
<section id="content">
  <div class="wrap">
    <div id="content-main" class="full">
  <article id="edit-document" class="article" role="main">
    <form id="wiki-page-edit" class="editing" method="post" action="">
      {{ csrf() }}
      <fieldset>

        {{ errorlist(revision_form) }}

        {% if collision %}
        <section class="collision-compare">
          <p>{% trans %}
            Please review the differences between your changes and the changes
            saved since you started editing. You may save again, but try to
            resolve any conflicts by hand so that the changes made since you
            started are not lost.
          {% endtrans %}</p>

          <div class="revision-diff">
            <header>
              <div>
                  <h3>{{ _('Your Changes') }}</h3>
                <p>{{ _('Revision {id} by {user} on {date}')|fe(id=original_revision.id, user=original_revision.creator, date=datetimeformat(original_revision.created, format='longdatetime')) }}</p>
              </div>
              <div>
                <h3>
                    <a href="{{ url('wiki.revision', current_revision.document.full_path, current_revision.id) }}">
                      {{ _('Current Revision:')|f(num=current_revision.id) }}
                    </a>
                </h3>
                <p>{{ _('Revision {id} by {user} on {date}')|fe(id=current_revision.id, user=current_revision.creator, date=datetimeformat(current_revision.created, format='longdatetime')) }}</p>
              </div>
            </header>

            {% set title = request.POST['title'] %}
            {% set slug = request.POST['slug'] %}
            {% set keywords = request.POST['request'] %}
            {% set summary = request.POST['summary'] %}

            {% if title and current_revision.title and title != current_revision.title %}
                <h4>{{ _('Title:') }}</h4>
                <div><p>{{ title }}</p></div>
                <div><p>{{ current_revision.title }}</p></div>
            {% endif %}

            {% if tags and current_revision.tags and tags != current_revision.tags %}
                <h4>{{ _('Tags:') }}</h4>
                <div><p>{{ tags }}</p></div>
                <div><p>{{ current_revision.tags }}</p></div>
            {% endif %}

            {% if keywords and current_revision.keywords and keywords != current_revision.keywords %}
                <h4>{{ _('Keywords:') }}</h4>
                <div><p>{{ keywords }}</p></div>
                <div><p>{{ current_revision.keywords }}</p></div>
            {% endif %}

            {% if summary and current_revision.summary and summary != current_revision.summary %}
                <h4>{{ _('Search results summary:') }}</h4>
                <div><p>{{ summary }}</p></div>
                <div><p>{{ current_revision.summary }}</p></div>
            {% endif %}

            {% if content and current_revision.content and content != current_revision.content %}
                <h4>{{ _('Content:') }}</h4>
                {{ diff_table(content, current_content, current_revision.id, "Proposed") }}
            {% endif %}

          </div>
        </section>
        {% endif %}

        {% if waffle.flag('external_signup') %}
        <div class="notice" style="margin-bottom:30px;"><p>
          Do you have docs you want to automatically add to MDN from an external source? 
          <a href="{{ url('wiki.external_signup') }}">Let us know!</a>
        </p></div>
        {% endif %}
        <header id="article-head">

          <div class="title">
            <h1>{{ _('<span class="action">Editing</span> <em>{title}</em>')|fe(title=revision.title) }}</h1>
            <p class="save-state" id="draft-status">
              {% if not section_id %}
                <a href="" id="btn-properties">{{ _('Edit Page Title and Properties') }}</a><br />
              {% endif %}
              {% trans %}Draft <span id="draft-action"></span> <time id="draft-time" class="timeago" title=""></time>{% endtrans %}
            </p>
          </div>

          {% include 'wiki/includes/page_buttons.html' %}

          {% if revision_form and not section_id %}
            <ul class="metadata">
                <li><label>{{_('Title:')}}</label> {{ revision_form.title | safe }}</li>
                {% if document.is_template %}
                  <input type="hidden" name="toc_depth" value="0" />
                {% else %}
                  {% include 'wiki/includes/document_toc_field.html' %}
                {% endif %}
                <li class="metadata-choose-parent">
                    {{_('Find the translation source with the lookup below and then click "Save Changes.')}}
                    <br />
                    <strong>{{_('Lookup:')}}</strong> <input type="text" id="parent_text" />
                    <input type="hidden" name="parent_id" id="parent_id" value="{{ revision_form.instance.document.parent.id }}" />
                </li>
            </ul>
          {% endif %}

          {% if not collision %}
            {{ revision_form.current_rev | safe }}
          {% endif %}

        </header>
    
        {% if revision_form %}
            {% if document.is_template %}
              {{ revision_form.content | safe }}
              <div id="ace_content"></div>
            {% else %}
              <div class="ckeditor-container">{{ revision_form.content | safe }}</div>
            {% endif %}

            <input type="hidden" name="form" value="rev" />
            {{ revision_form.hidden_fields()|join|safe }}

            {% include 'wiki/includes/revision_comment.html' %}

            <section class="page-meta">
              {% set tags = document.tags.all() %}
              <section id="page-tags" class="page-tags">
                <h2><i class="icon-tags"></i>{{ _('Tags') }}</h2>
                <input id="tagit_tags" type="text" name="tags" value="{% for tag in tags %}{{ tag.name }},{% endfor %}" maxlength="255" />
              </section>
            </section>

            <section class="page-meta wiki-block">
              <section>
                <h4>{{_('Review needed?')}}</h4>
                {{ revision_form.review_tags|safe }}
              </section>
            </section>
        {% endif %}
      </fieldset>
    </form>

    {% include 'wiki/includes/attachment_list.html' %}

    <!-- Add information about this document in JSON format for use in CKEditor -->
    <script type="text/javascript">
      documentInfo = {{ docInfo|safe }};
    </script>
    
  </article>
    </div>
   </div>
</section>
{% endblock %}

{% block site_js %}
    {{ super() }}
    {{ js('framebuster') }}
    {% include 'wiki/includes/tag_suggestions.html' %}

    {% if document.is_template %}
      {{ js('ace-editor') }}
    {% else %}
      {% include 'wiki/includes/ckeditor_scripts.html' %}
    {% endif %}

    {{ js('wiki-edit') }}
{% endblock %}