{% extends "base_title.html" %}
{% load staticfiles %}

{% block extra_head %}
    <link type="text/css" rel="stylesheet" href="{% static "css/bda.css" %}" />
{% endblock %}

{% block realcontent %}
    <h2><strong>{{tirage_name}}</strong></h2>
    <h3>Liste des spectacles</h3>


    <table class="table table-striped table-hover 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="float">Prix</th>
        </tr> 
        </thead>
        <tbody>
        {% for spectacle in object_list %}
	    <tr class="clickable-row {% if spectacle.is_past %}spectacle-passe{% endif %}" data-href="{% url 'bda-spectacle' tirage_id spectacle.id %}"> 
                <td><a href="{% url 'bda-spectacle' tirage_id spectacle.id %}">{{ spectacle.title }} <span style="font-size:small;" class="glyphicon glyphicon-link" aria-hidden="true"></span></a></td>
                <td data-sort-value="{{ spectacle.timestamp }}"">{{ spectacle.date }}</td>
                <td data-sort-value="{{ spectacle.location }}">{{ spectacle.location }}</td>
                <td data-sort-value="{{ spectacle.price |stringformat:".3f" }}">
                                {{ spectacle.price |floatformat  }}€
            </td>
        </tr>
                    {% endfor %}
        </tbody>
        </table>
	<script type="text/javascript"
	        src="{% static "js/joequery-Stupid-Table-Plugin/stupidtable.js" %}">
        </script>
    <script type="text/javascript">
        $(function(){
        $("table.etat-bda").stupidtable();
        });
    </script>
    <script>
    jQuery(document).ready(function($) {
        $(".clickable-row").click(function() {
        window.document.location = $(this).data("href");
        });
    });
    </script>

    <h3> Exports </h3>
    <ul>
        <li><a href="{% url 'bda-unpaid' tirage_id  %}">Mailing list impayés</a>
        <li><a href="{% url 'bda-descriptions' tirage_id %}">Lien vers les descriptions des spectacles, à utiliser dans une page wordpress</a>
    </ul>
{% endblock %}
