{% extends "listing.html" %}

{% block page_title %}.: Unavailable's listing :.{% endblock %}

{% block title %}Unavailable{% endblock %}

{% block searchurl %}unavailable{% endblock %}
{% block addurl %}unavailability{% endblock %}
{% block search %}unavailability{% endblock %}

{% block datacontent %}

<thead>
    <tr>
        <th></th>
        <th>Date begin</th>
        <th>Date end</th>
        <th>Informations</th>
    </tr>
</thead>
<tbody>
    {% for unavailable in unavailableList %}
        <tr>
            <td>
                <a href="/unavailability/add/?id=">
                    <span class="icon icon-pencil"></span>
                </a>
            </td>
            <td><a href="/unavailability/{{ unavailable.id }}">{{ unavailable.datebegin | date:"d-m-Y" }}</td>
            <td><a href="/unavailability/{{ unavailable.id }}">{{ unavailable.dateend | date:"d-m-Y"  }}</td>
            <td>{{ unavailable.content }}</td>
        </tr>
    {% endfor %}
</tbody>

{% endblock %}

{% block footerscript %}
<script type="text/javascript">
    $(document).ready(function() {
        $('[data-sort="table"]').tablesorter({
            headers: {
              0: { sorter: false },      // disable first column
            },

            dateFormat: "uk",
            sortList: [[1,1]]
        })
    });
</script>
{% endblock %}