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

{% block nav %}
<li><a href="/accounts/logout?next=/">Log out</a></li>
<li><a href="/subscriptions/">Manage subscriptions</a></li>
{% endblock %}

{% block content %}

<script type="text/javascript">
autofocus('#new_subscriptions');
</script>

<h1>Current subscriptions</h1>
<div class="row-fluid">
  <div id="current_subscriptions" class="span12">
    <form action="/subscriptions/manage/" method="post" class="subscriptions">{% csrf_token %}
      <table id="current_subscriptions_table">
        <tr>
          <th>Unsubscribe?</th>
          <th>Class</th>
        </tr>
        <tr>
          {% for subscription in subscriptions %}
          <td class="checkbox">
            <input type="checkbox" name="subscription" value="{{ subscription }}" /></input>
          </td>
          <td class="subscription">
            {{ subscription }}
          </td>
        </tr>
        {% endfor %}
      </table>
      <input type="submit" name="change_subscriptions" value="Change subscriptions" class="btn" />
    </form>
  </div>
</div>

<h1>Add new subscriptions</h1>
<div class="row-fluid">
  <div id="current_subscriptions" class="span12">
    <form action="/subscriptions/add/" method="post" class="subscriptions">{% csrf_token %}
      <label>Please enter a comma-separated list of classes</label>
      <input type="text" name="new_subscriptions" id="new_subscriptions" value="" /><br />
      <input type="submit" name="add_subscriptions" value="Add subscriptions" class="btn" />
    </form>
  </div>
</div>

{% endblock %}