{% extends 'base.html' %}

{% block extrahead %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/tablesorter.css" media="screen"/>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.tablesorter.min.js"></script>
    <script>
        $(document).ready(function() {
            $(".tablesorter").tablesorter({
                dateFormat: 'uk',
                headers: {
                    3: {sorter: "shortDate"},
                    4: {sorter: "shortDate"}
                }
            }
            );
        });
    </script>
{% endblock %}

{% block title %}RH - DAE - Postes{% endblock %}
{% block titre %}Ressources humaines{% endblock %}
{% block sous_titre %}Demande d'autorisation d'engagement{% endblock %}

{% block main %}
<h1>Liste des demandes d'autorisation de poste</h1>

<h2>Mes postes à traiter</h2>
{% if postes_a_traiter %}
<table class="tablesorter">
<thead>{% include "dae/poste-header.html" %}</thead>
<tbody>
{% for poste in postes_a_traiter %}
    {% include "dae/poste-row.html" %}
{% endfor %}
</tbody>
</table>
{% else %}
    <p>Vous n'avez aucun poste à traiter.</p>
{% endif %}

<h2>Les postes en cours de validation</h2>
{% if postes_en_cours %}
<table class="tablesorter">
<thead>{% include "dae/poste-header.html" %}</thead>
<tbody>
{% for poste in postes_en_cours %}
    {% include "dae/poste-row.html" %}
{% endfor %}
</tbody>
</table>
{% else %}
    <p>Il n'y a aucun poste en cours de validation.</p>
{% endif %}
{% endblock %}