{% extends "base_site.html" %}
{% load staticfiles %}

{% block title %}Drafts - Authors{% endblock %}

{% block extrahead %}{{ block.super }}
  <link rel="stylesheet" type="text/css" href="{% static 'secr/css/jquery-ui-1.11.4.custom.css' %}" />
  <script type="text/javascript" src="{% static 'secr/js/jquery-ui-1.11.4.custom.min.js' %}"></script>
  <script type="text/javascript" src="{% static 'secr/js/utils.js' %}"></script>
{% endblock %}

{% block breadcrumbs %}{{ block.super }} 
  &raquo; <a href="../../">Drafts</a>
  &raquo; <a href="../">{{ draft.name }}</a>
  &raquo; Authors
{% endblock %}

{% block content %}

<div class="module">
  <h2>Authors</h2>   
    <table class="full-width">
      <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>Affiliation</th>
          <th>Country</th>
          <th>Order</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        {% for author in draft.documentauthor_set.all %}
          <tr class="{% cycle 'row1' 'row2' %}">
            <td>{{ author.person }}</td>
            <td>{{ author.email }}</td>
            <td>{{ author.affiliation }}</td>
            <td>{{ author.country.name }}</td>
            <td>{{ author.order }}</td>
            <td><a href="{% url 'ietf.secr.drafts.views.author_delete' id=draft.pk oid=author.id %}">Delete</a></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  
    <div class="inline-related">
      <!-- <hr><br> -->
      <h3>Add Author</h3>
      <form id="groups-people" action="" method="post">{% csrf_token %}
        {{ form.non_field_errors }}
        <table class="full-width">
          <tr>
            <td>{{ form.person.errors }}{{ form.person }}{% if form.person.help_text %}<br>{{ form.person.help_text }}{% endif %}</td>
            <td>{{ form.email.errors }}{{ form.email }}{% if form.email.help_text %}<br>{{ form.email.help_text }}{% endif %}</td>
          </tr>
          <tr>
            <td>{{ form.affiliation.errors }}{{ form.affiliation }}{% if form.affiliation.help_text %}<br>{{ form.affiliation.help_text }}{% endif %}</td>
            <td>{{ form.country.errors }}{{ form.country }}{% if form.country.help_text %}<br>{{ form.country.help_text }}{% endif %}</td>
            <td><input type="submit" name="submit" value="Add" /></td>
          </tr>
        </table>    
    </div> <!-- inline-related -->

    <div class="button-group">
      <ul>
        <li><button type="submit" name="submit" value="Done">Done</button></li>
      </ul>
    </div> <!-- button-group -->
    
    </form>
</div> <!-- module -->

{% endblock %}