{% extends "personas/base.html" %}

{% block content %}
<form enctype="multipart/form-data" method="post" action=".">
  {% if persona %}
  <p>This persona's preview currently looks like this:</p>
  {% include "personas/thumbnail.html" %}
  {% comment %}
  TODO: This is an inhumane workaround to get around the fact that
  it's currently hard to modify the form itself; the header/footer
  fields themselves should eventually be changed to convey the same
  information to the end-user in a way similar to how the Django admin
  does it.
  {% endcomment %}
  <p>You can change this by submitting new images for the header and
  footer images below.  However, if you leave these fields blank, 
  the header and footer will remain as-is.</p>
  {% if perms.personas.can_publish %}
  {% if persona.owner.email %}
  <p>The owner of this Persona may be contacted at
  <a href="mailto:{{ persona.owner.email }}">{{ persona.owner.email }}</a>.</p>
  {% endif %}
  {% endif %}
  {% endif %}
  <table class="persona-form corner-box">
    <tr><td colspan="2">{{ form.non_field_errors }}</td></tr>
    {% with form.name as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.description as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.header_img as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.footer_img as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.url as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.text_color as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    {% with form.accent_color as field %}
    {% include "personas/form_row.html" %}
    {% endwith %}

    <tr><td colspan="2">
        <div class="persona-developer-agreement">
          {{ form.agree_to_terms.help_text|safe }}
          <p>
            {{ form.agree_to_terms }}
            {{ form.agree_to_terms.label }}
          </p>
        </div>
    </td></tr>

  </table>
  <input type="submit" class="amo-submit" value="Submit"/>
</form>
{% endblock %}