{% extends "admin/base_site.html" %}
{% load i18n l10n admin_urls %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation
  delete-selected-confirmation{% endblock %}

{% block breadcrumbs %}
  <div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
    &rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
    &rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
    &rsaquo; {{ title }}
  </div>
{% endblock %}

{% block content %}
<div id="grp-content-container">
  <h1>{% trans 'Mail template preview' %}</h1>-
  <p><em>{% trans 'The words in uppercase are the ones that the app will replace by the real values.' %}<br>
    {% blocktrans %}In example, it may say "Hello NAME", when a real for a person called Maria is generated, it'll say "Hello Maria".{% endblocktrans %}<br>
    {% trans 'If it says "Since STARTING_DATE", at the real e-mail will (in example) appear "Since 30/01/2020", etc.' %}</em></p>

  <p style="margin-bottom: 10px; margin-top: 10px; border: 1px solid black; width: 990px; padding: 10px 0px 10px 10px">{{ rendered_subject }}</p>

  <!-- Using iFrame was giving many problems in Firefox, objects seems to be more reliable for this purpose. -->
  <object type="text/html" data="{% url 'admin:template-mail-preview-iframe' obj.id %}" type="text/html"
          style="width:1000px; height:700px; border: 1px solid black;">
  </object>

  {% if messages %}
  <ul class="message-container">
     {% for message in messages %}
      <li>{% if message.tags %} class="{{ message.tags }}-message"{% endif %}>{{ message }}</li>
     {% endfor %}
  </ul>
  {% endif %}

  <form action="" method="post">
    {% csrf_token %}
    <div>
      <h1>{% trans 'Subject strings' %}</h1>
      {% if template_mail.mail.subject_strings %}
      <fieldset class="module grp-module ">
        {% for string in template_mail.mail.subject_strings %}
        <div class="form-row grp-row grp-cells-1 {{ string }} ">
          <div class="field-box l-2c-fluid l-d-4">
            <div class="c-1">
              <label class="required" for="subject_{{ string }}">{{ string|capfirst }}</label>
            </div>
            <div class="c-2">
              <input type="text" name="subject_{{ string }}" class="vTextField" maxlength="200" required=""
                     id="subject_{{ string }}" placeholder="{{ string|upper }}" value="{{ string|upper }}">
            </div>
          </div>
        </div>
        {% endfor %}
      </fieldset>
      {% else %}
      <p><em>{% trans 'Subject does not contain variable strings.' %}</em></p>
      {% endif %}

      <h1>{% trans 'Message body strings' %}</h1>
      {% if template_mail.mail.body_strings %}
      <fieldset class="module grp-module ">
        {% for string in template_mail.mail.body_strings %}
        <div class="form-row grp-row grp-cells-1 {{ string }} ">
          <div class="field-box l-2c-fluid l-d-4">
            <div class="c-1">
              <label class="required" for="body_{{ string }}">{{ string|capfirst }}</label>
            </div>
            <div class="c-2">
              <input type="text" name="body_{{ string }}" class="vTextField" maxlength="200" required=""
                     id="body_{{ string }}" placeholder="{{ string|upper }}" value="{{ string|upper }}">
            </div>
          </div>
        </div>
        {% endfor %}
      </fieldset>
      {% else %}
      <p><em>{% trans 'Message body does not contain variable strings.' %}</em></p>
      {% endif %}

      <h1>{% trans 'Sending options' %}</h1>
      <fieldset class="module grp-module ">
        <div class="form-row grp-row grp-cells-1 name ">
          <div class="field-box l-2c-fluid l-d-4">
            <div class="c-1">
              <label class="required" for="options_to">{% trans 'Test recipient' %}</label>
            </div>
            <div class="c-2">
              <input type="text" name="options_to" class="vTextField" maxlength="200" required="" id="options_to"
              placeholder="someone@example.com">
            </div>
          </div>
        </div>
        <div class="form-row grp-row grp-cells-1 publish ">
          <div class="field-box l-2c-fluid l-d-4">
            <div class="c-1">&nbsp;</div>
            <div class="c-2">
              <input type="checkbox" name="options_now" id="options_now">
              <label class="vCheckboxLabel" for="options_now">{% trans 'Send immediately' %}</label>
            </div>
          </div>
        </div>
      </fieldset>

      <footer class="grp-module grp-submit-row grp-fixed-footer">
        <ul>
          <li><input type="submit" value="{% trans 'Send test e-mail' %}" class="grp-button grp-default" name="_save"></li>
          <li><input type="button" value="{% trans 'No, take me back' %}" class="grp-button" name="_back" onclick="window.history.back();"></li>
        </ul>
      </footer>
    </div>
  </form>
</div>
{% endblock %}