{% extends "base.html" %}
{% load dae %}

{% block title %}RH - DAE - Embauches{% endblock %}
{% block titre %}Ressources humaines{% endblock %}
{% block sous_titre %}Demande d'autorisation d'engagement{% endblock %}
{% block extrahead %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/dae.css" />
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/tablesorter.css" />
<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('table.tablesorter thead th').click(function() {
      window.location.href = $(this).find('a').attr('href');
    });
  });
</script>
{% endblock %}

{% block main %}
<h1>Liste des demandes d'autorisation d'engagement finalisées</h1>

<table class="listing tablesorter">
  <thead>
    <tr>
      {% sort_header "region" "Région" %}
      {% sort_header "implantation" "Implantation" %}
      {% sort_header "poste" "Poste" %}
      {% sort_header "personne" "Personne" %}
      {% sort_header "debut_contrat" "Début du contrat" %}
      {% sort_header "fin_contrat" "Fin du contrat" %}
    </tr>
  </thead>
  <tbody>
    {% for dossier in embauches.object_list %}
    <tr>
      <td>{{ dossier.poste.implantation|region_ou_service }}</td>
      <td>{{ dossier.poste.implantation }}</td>
      <td><a href="{% url embauche_consulter dossier.id %}">{{ dossier.poste.nom }}</a></td>
      <td><a href="{% url embauche_consulter dossier.id %}">{{ dossier.employe }}</a></td>
      <td>{{ dossier.contrat_date_debut|date:"d-m-Y" }}</td>
      <td>{{ dossier.contrat_date_fin|date:"d-m-Y" }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% pagination embauches %}
{% endblock %}