{% extends 'zebrafinch/base.html' %}
{% block page_css %}
<style>
  .brainthumb{
    margin: 0.5em 0.3em;
    width:162px;
    height:100px;
  }
  .no_thumb{
    position: relative;
    margin: 0.5em 0.3em;
    background: #f4f4f4;
    width:162px;
    height:100px;
  }
</style>
{% endblock page_css %}

{% load url from future %}

{% block content %}
<p><a href='{% url 'zf_review_all' %}'>Back to series list</a></p>
<h2>Sections in series "{{ series.slug }}"</h2>
<form action="" method="post">{% csrf_token %}
{% include 'zebrafinch/review_buttons.html' %}
<table>
<tr>
<td>Select</td>
<td>Index</td>
<td>Visibility</td>
<td>Thumbnail</td>
<td></td>
</tr>
{% for part in form.get_forms %}
<tr>
<td><input type="checkbox" name="selected" value="{{ part.get_section.index }}" /></td>
<td>{{ part.get_section.index }}</td>
<td>
{{ part.as_p }}
</td>
<td>
  {% if part.thumbnail %}
    <img class="brainthumb" src="{{ STATIC_URL }}brainthumbs/{{part.get_series.slug}}/{{part.index }}" />
  {% else %}
    <div class="no_thumb"><span style="position:absolute;bottom:50%;width:100%;text-align:center">No Thumbnail</span></div>
  {% endif %}
</td>
{% comment %}
<td><a href='{% url 'zf_section' series=part.get_section.series.slug section=part.get_section.index %}'>Review</a></td>
{% endcomment %}
</tr>
{% endfor %}
</table>
{% include 'zebrafinch/review_buttons.html' %}
</form>
{% include "zebrafinch/paginate.html" %}
{% endblock content %}