Produits Entr'ouvert » Calebasse

{% extends "calebasse/base.html" %}

{% load url from future %}

{% block appbar %}

    <h2>Gestion des personnes — Congés</h2>

    <a href="..">Retourner à la gestion des personnes</a>

{% endblock %}

{% block content %}

<h3>Congés du personnel</h3>

{% if current_holidays %}

  <h4>En cours</h4>

  <ul>

    {% for holiday in current_holidays %}

    <li><a href="{% url 'worker_update' service=service pk=holiday.worker.pk %}">

        {{ holiday.worker.last_name }} {{holiday.worker.first_name }}

        </a>, {{ holiday }}</li>

    {% endfor %}

  </ul>

{% endif %}

{% if future_holidays %}

  <h4>À venir</h4>

  <table id="conges-a-venir">

    <thead>

      <tr>

        {% for month in future_holidays %}

          <th>{{ month.date|date:"F"|capfirst }}</th>

        {% endfor %}

      </tr>

    </thead>

    <tbody>

      <tr>

        {% for month in future_holidays %}

          <td>

            <ul>

              {% for holiday in month.holidays %}

              <li><a href="{% url 'worker_update' service=service pk=holiday.worker.pk %}">

                  {{ holiday.worker.last_name }} {{holiday.worker.first_name }}

                  </a>, {{ holiday }}</li>

              {% endfor %}

            </ul>

          </td>

        {% endfor %}

      </tr>

    </tbody>

  </table>

{% endif %}

{% if annual_holidays %}

<h3>Congés annuels</h3>

<ul>

  {% for holiday in annual_holidays %}

    <li>{{ holiday|capfirst }}</li>

  {% endfor %}

</ul>

{% endif %}

<!-- <button>Gestion des congés annuels</button> -->

<p>

  <a href="annuel/">Gestion des congés annuels</a>

</p>

<h3>Affichage interactif</h3>

  <form>

    {{ search_form.non_field_errors }}

    {{ search_form.start_date.errors }}

    <p>Afficher la liste des congés pris entre

      <span id="start-date-datepicker" data-number-of-months="3" data-before-selector="#end-date-datepicker" class="datepicker">{{ search_form.start_date }}</span>

      et

      <span id="end-date-datepicker" class="datepicker" data-number-of-months="3" data-after-selector="#start-date-datepicker">{{ search_form.end_date }}</span>

      <button class="enable-on-change">Valider</button>

      <button class="reset">Effacer</button>

    </p>

  </form>

{% endblock %}