{% extends 'base.html' %}

{% block head %}
<title>India Theatre Forum - {{ current_issue.title }}</title>
<script type="text/javascript" src="/static/js/utils.js"></script>
<script type="text/javascript" src="/static/js/erang/erang.js"></script>
<link rel="stylesheet" href="/static/css/erang/erang.css" />
{% endblock %}

{% block body %}
<script type="text/html" id="tmpl_issue_list">
  <ul class="newsletterList">
    <% for (var i=0; i<issues.length; i++) { var issue = issues[i]; %>
      <li>
        <a href="?issue_id=<%= issue.id %>"><%= issue.title %></a>
        <br />
        <span class="date"></span>
      </li>
    <% } %>
  </ul>
  <div class="navBtns" data-terms="<%= search_terms %>" data-page="<%= page_no %>">
    <% if (hasPrev) { %><span class="prevBtn">&lt; Previous</span><% } %>
    <% if (hasNext) { %><span class="nextBtn">Next &gt;</span><% } %>
  </div>

</script>
  <div id="leftMenu">
    <div class="homeLink">
      <h3><img src="/static/images/favicon.ico" title="India Theatre Forum" alt="" /> <a href="/" title="India Theatre Forum Home">&nbsp;Home</a> </h3>
    </div>
    <div id="issueListWrapper">
      <h3>Past Issues:</h3>
      <form id="searchForm" action="" method="get" />
        <input id="issueSearch" data-placeholder="Search" /><input id="searchSubmit" type="submit" value="Go" />
      </form>
      <div class="issueListContainer">
      </div>
    </div>
    <div id="subscribe">
      <a name="subscribe"></>
      <h3>Subscribe:</h3>
      <form id="subscribeForm">
        <input id="email" name="email" data-placeholder="E-Mail" /><br />
        <button id="subscribeBtn">Subscribe!</button>
      </form>
    </div>
  </div>

{% load erangtags %}
  <div id="newsletterContent">
    {% autoescape off %}
    {{ current_issue.html|absolutify_links }}
    {% endautoescape %}
    <div id="commentWrapper">
      <h3>Comments and Feedback</h3>
      <a name="comments"></a>
      <form id="commentForm" action="">
        <table id="commentTable">
          <tr>
            <td class="label">Name:</td>
            <td><input name="commentName" id="commentName" /></td>
          </tr>
          <tr>
            <td class="label">Email:</td>
            <td><input name="commentEmail" id="commentEmail" /></td>
          </tr>
          <tr>
            <td class="label">Comment:</td>
            <td><textarea name="commentComment" id="commentComment"></textarea></td>
          </tr>
          <tr>
            <td class="label"></td>
            <td><button id="commentSubmit">Submit</button></td>
          </tr>
        </table>
      </form>
    </div>
  </div>
{% endblock %}