{% extends "wagtailadmin/base.html" %}
{% load i18n %}
{% load wagtailimages_tags wagtailadmin_tags %}
{% block titletag %}{% blocktrans with title=transcript.pk %}Editing {{ title }}{% endblocktrans %}{% endblock %}

{% block extra_js %}
  {{ block.super }}
  {{ form.media.js }}

  {% url 'wagtailadmin_tag_autocomplete' as autocomplete_url %}
  <script>
    $(function() {
      $('#id_tags').tagit({
        autocomplete: {source: "{{ autocomplete_url|addslashes }}"}
      });
    });
  </script>
{% endblock %}

{% block extra_css %}
  {{ block.super }}
  {{ form.media.css }}
{% endblock %}

{% block content %}
  {% trans "Editing" as editing_str %}
  {% include "wagtailadmin/shared/header.html" with title=editing_str subtitle=transcript.pk icon="media" usage_object=transcript %}

  {% block form_row %}
    <div class="row row-flush nice-padding">

      <div class="col10 divider-after">
        <form action="{% url 'cast-transcript:edit' transcript.id %}" method="POST" enctype="multipart/form-data" novalidate>
          {% csrf_token %}
          <ul class="fields">
            {% for field in form %}
              {% if field.name == 'file' %}
                {% include "cast/wagtail/_file_field_as_li.html" %}
              {% elif field.name == 'thumbnail' %}
                {% include "cast/wagtail/_thumbnail_field_as_li.html" %}
              {% else %}
                <li>
                  {% include "wagtailadmin/shared/field.html" %}
                </li>
              {% endif %}
            {% endfor %}
            <li>
              <input class="button" type="submit" value="{% trans 'Save' %}" />
              {% if user_can_delete %}
                <a href="{% url 'cast-transcript:delete' transcript.id %}" class="button button-secondary no">{% trans "Delete" %}</a>
              {% endif %}
            </li>
          </ul>
        </form>

        <hr />

        <h2>{% trans "Map speakers to contributors" %}</h2>
        {% if speaker_labels %}
          <p>{% trans "Replace diarization speaker labels in the Podlove and DOTe transcript files. WebVTT files are not changed." %}</p>
          {% if not contributor_assignments %}
            <p>{% trans "No episode contributors are available for this transcript's audio." %}</p>
          {% endif %}
          <form action="{% url 'cast-transcript:edit' transcript.id %}" method="POST" novalidate>
            {% csrf_token %}
            <ul class="fields">
              {% for field in speaker_mapping_form %}
                {% if field.is_hidden %}
                  {{ field }}
                {% else %}
                  <li>
                    {% include "wagtailadmin/shared/field.html" %}
                  </li>
                {% endif %}
              {% endfor %}
              <li>
                <input class="button" type="submit" value="{% trans 'Apply speaker mapping' %}"{% if not contributor_assignments %} disabled{% endif %} />
              </li>
            </ul>
          </form>
        {% else %}
          <p>{% trans "No speaker labels were found in the Podlove or DOTe transcript files." %}</p>
        {% endif %}
      </div>
    </div>
  {% endblock %}

  </div>
{% endblock %}