{% extends "admin/action_confirmation.html" %}
{% load i18n %}

{% block extrahead %}
  {{ block.super }}
  <style>
    .deepl-translation-error-alert {
      padding: 12px 16px;
      margin: 1em 0;
      border: 1px solid #f5c2c7;
      background-color: #f8d7da;
      color: #842029;
      border-radius: 4px;
    }
    .deepl-translation-warning-alert {
      padding: 12px 16px;
      margin: 1em 0;
      border: 1px solid #ffc107;
      background-color: #fff3cd;
      color: #856404;
      border-radius: 4px;
    }
  </style>
  <script>
    function ready(fn) {
      if (document.readyState !== 'loading') {
        fn();
      } else {
        document.addEventListener('DOMContentLoaded', fn);
      }
    }
    ready(function() {
      {% comment %}Quick and dirty way to redirect to the page after translation because the "on_close" parameter of the toolbar item is not working.{% endcomment %}
      {% if redirect_to_url %}
        window.parent.location.href = "{{ redirect_to_url }}";
      {% endif %}
    });

  </script>
{% endblock %}

{% block action_confirm %}
  <h1>{% blocktranslate with content_title=source_content_title content_type_label=content_type_label source_language_name=source_language_name target_language_name=target_language_name %}Translate the {{ content_type_label }} {{ content_title }} in {{ target_language_name }}{% endblocktranslate %}</h1>
  {% if translation_error %}
    <div role="alert" class="deepl-translation-error-alert">
      <strong>{% translate "Error:" %}</strong> {{ translation_error }}
    </div>
  {% else %}
    <p>{% blocktranslate with content_title=source_content_title content_type_label=content_type_label source_language_name=source_language_name target_language_name=target_language_name %}
      Are you sure you want to translate the {{ content_type_label }} <b>{{ content_title }}</b> from <b>{{ source_language_name }}</b> to <b>{{ target_language_name }}</b>?
    {% endblocktranslate %}</p>
    <div class="deepl-translation-warning-alert">
      {% blocktranslate with content_type_label=content_type_label target_language_name=target_language_name %}
        <strong>Warning:</strong> If this {{ content_type_label }} has already been translated into {{ target_language_name }}, this action will replace all existing content with the new translation.
      {% endblocktranslate %}
    </div>
    <form method="post">{% csrf_token %}
      <div>
        <input type="hidden" name="post" value="yes">
        {% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1">{% endif %}
        {% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}">{% endif %}
        <input type="submit" value="{% translate "Yes, I'm sure" %}">
      </div>
    </form>
  {% endif %}
{% endblock %}