{% extends "base-unauthenticated.html" %}
{% block big-links %}
      <div id="back-link-container">
        <a href="javascript:history.back()" id="back-link">Back</a>
      </div>
      <div class="big-link-container">
        <a href="library" class="big-link" id="library-link">Browse&nbsp;the&nbsp;issues</a>
      </div>
{% endblock %}
{% block content %}
      <p>
        Thank you, {{name}}. Someone will call you shortly on {{phone}} to talk to you about
        {{concern}}.
      </p>
      <form action="call-me" method="post">
        <p class="widget">
          <label for="name">Your name</label>
          <input type="text" id="name" name="name"/>
        </p>
        <p class="widget">
          <label for="postcode">Your post-code</label>
          <input type="text" id="postcode" name="postcode"/>
        </p>
        <p class="widget">
          <label for="phone">Your phone number</label>
          <input type="text" id="phone" name="phone"/>
        </p>
        <p class="widget">
          <label for="concern">Your concerns</label>
          <select name="concern" id="concern">
            {% for concern in concerns %}
            <option>{{concern.title}}</option>
            {% endfor %}
          </select>
        </p>
        <p class="widget">
          <label for="submit">&nbsp;</label>
          <input name="submit" id="submit" type="submit" class="action" value="Call me!"/>
        </p>
      </form>
{% endblock %}