{% 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: {
                    4: {sorter: "shortDate"},
                    5: {sorter: "shortDate"}
                }
            }
            );
        });
    </script>
{% endblock %}

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

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

<h2>Mes demandes à traiter</h2>
{% if embauches_a_traiter %}
<table class="tablesorter">
    <thead>
    {% include "dae/embauche-header.html" %}
    </thead>
<tbody>
{% for dossier in embauches_a_traiter %}
    {% include "dae/embauche-row.html" %}
{% endfor %}
</tbody>
</table>
{% else %}
    <p>Vous n'avez aucune demande à traiter.</p>
{% endif %}

<h2>Les demandes en cours</h2>
{% if embauches_en_cours %}
<table class="tablesorter">
    <thead>
    {% include "dae/embauche-header.html" %}
    </thead>
<tbody>
{% for dossier in embauches_en_cours %}
    {% include "dae/embauche-row.html" %}
{% endfor %}
</tbody>
</table>
{% else %}
    <p>Il n'y a aucune demande en cours.</p>
{% endif %}

{% endblock %}