{% extends "base_title.html" %}

{% block realcontent %}
  <h2>État des inscriptions BdA</h2>
  <table class="etat-bda">
    <thead>
      <tr>
	<th data-sort="string">Titre</th>
	<th data-sort="int">Date</th>
	<th data-sort="string">Lieu</th>
	<th data-sort="int">Places</th>
	<th data-sort="int">Demandes</th>
	<th data-sort="float">Ratio</th>
    </tr> 
    </thead>
    <tbody>
      {% for spectacle in spectacles %}
      <tr>
	<td>{{ spectacle.title }}</td>
	<td data-sort-value="{{ spectacle.timestamp }}">{{ spectacle.date_no_seconds }}</td>
	<td data-sort-value="{{ spectacle.location }}">{{ spectacle.location }}</td>
	<td data-sort-value="{{ spectacle.slots }}">{{ spectacle.slots }} places</td>
	<td data-sort-value="{{ spectacle.total }}">{{ spectacle.total }} demandes</td>
	<td data-sort-value="{{ spectacle.ratio |stringformat:".3f" }}">
	  <div class={% if spectacle.ratio < 1.0 %} 
					     "greenratio" 
                     {% else %}
	                 {% if spectacle.ratio < 2.5 %} 
                              "orangeratio" 
                         {% else %} 
				"redratio" 
			{% endif %}
		{% endif %}>
			{{ spectacle.ratio |floatformat  }}
         </div>
       </td>
     </tr>
                {% endfor %}
    </tbody>					     
    </table>
                <strong>Total : <u>{{ total }} demandes</u></strong>
  <script type="text/javascript" src="/gestion/media/js/jquery.min.js"></script>
  <script type="text/javascript" src="/gestion/media/js/joequery-Stupid-Table-Plugin/stupidtable.js"></script>
  <script type="text/javascript">
    $(function(){
    $("table.etat-bda").stupidtable();
    });
  </script>
{% endblock %}