{% extends "index.html" %}
{% block title %}Feuille de staff{% endblock %}
      {% block main %}
      <article id='roles'>
        <h3>Fiches de poste<input class='print' value='' title='Imprimer' onclick='javascript:print_page();'/></h3>
        <p>Les postes de référents (référent staff, référent bar, référent run) sont réservés à des personnes ayant une bonne connaissance du lieu et de l'évènement.</p>
        {% for role in roles %}
          <div class='table_header'><div class='sheet_day'>{{ role.role }}</div></div>
          <div class='table_row'>
            <ul>
        {%   set desc = role.description.split('|') %}
        {%   for point in desc %}
              <li>{{ point }}</li>
        {%   endfor %}
            </ul>
          </div>
        {% endfor %}
      </article>
      <hr/>
      <article id='staff_sheet'>
        <h3>Feuille de staff</h3>
        <ul>
          <li><strong>Ménage le soir même pour tous les derniers créneaux du jour</strong></li>
          <li><strong>Tâches dévolues à tous:</strong>
            <ul>
              <li>Veiller à la sécurité générale du lieu</li>
              <li>Ramassage bouteilles ou objets en verre</li>
              <li>Séparation des bagarres (rarissime)</li>
              <li>Sécurisation des personnes en difficulté (ou trop alcoolisées), etc...</li>
              <li>Sourire et bonne humeur quel que soit le niveau de fatigue ;)</li>
            </ul>
          </li>
        </ul>
        <p>Mode d'emploi:</p>
        <ul>
          <li>Cliquez sur l'un des créneaux vacants pour le réserver</li>
          <li>Cliquez sur l'un des créneaux que vous occupez pour le libérez</li>
        </ul>
        {% for day in turns %}
        {%   set wday = day[0] %}
        {%   set day_turns = day[1] %}
        {%   set cur_role = '' %}
          <div class='table_header'><div class='sheet_day' style='page-break-before: always;'>{{ wday }}</div></div>
        {%   for turn in day_turns %}
        {%     set role = turn[1] %}
        {%     set start_time = turn[0].start_time %}
        {%     set end_time = turn[0].end_time %}
        {%     set num_slot = turn[0].num_slot %}
        {%     set role_id = turn[0].role_id %}
        {%     set turn_id = turn[0].id %}
        {%     if role != cur_role %}
        {%       set cur_role = role %}
          <div class='table_header'>
            <div class='sheet_role'>{{ role }}</div>
          </div>
        {%     endif %}
          <div class='table_row' style='border-bottom-color: #FF5D00; border-bottom-width: 1px; border-bottom-style: solid;'>
            <div class='sheet_time border_right'>{{ start_time.strftime('%HH%M') }} / {{ end_time.strftime('%HH%M') }}</div>
        {%     for slot in range(0, num_slot) %}
        {%       set allocated_slot = [] %}
        {%       set border = '' %}
        {%       if slot != num_slot - 1 %}
        {%         set border = 'border_right' %}
        {%       endif %}
        {%       for sslot in staffs %}
        {%         if sslot[0].turn_id == turn_id and sslot[0].slot_num == slot %}
        {%           if allocated_slot.append(sslot[0].slot_num) %}
        {%           endif %}
        {%           if user_id == sslot[0].user_id %}
            <div class='sheet_user{{ num_slot }} {{ border }}' id='staff_{{ turn_id }}_{{ slot }}' onclick='javascript:clear_sheet(this, {{ turn_id }}, {{ slot }})'>{{ sslot[1] }}</div>
        {%           elif is_admin %}
            <div class='sheet_user{{ num_slot }} {{ border }}'>
              <select id='staff_{{ turn_id }}_{{ slot }}' onchange='javascript:select_user(this, {{ turn_id }}, {{ slot }})'>
        {%              for staffer in staffers %}
        {%                if staffer.name == sslot[1] %}
                <option value='{{ staffer.id }}'>{{ staffer.name }}</option>
        {%                else %}
                <option selected='selected' value='{{ staffer.id }}'>{{ staffer.name }}</option>
        {%                endif %}
        {%              endfor %}
              </select>
            </div>
        {%           else %}
            <div class='sheet_user{{ num_slot }} {{ border }}' id='staff_{{ turn_id }}_{{ slot }}' style='cursor: text;'>{{ sslot[1] }}</div>
        {%           endif %}
        {%         endif %}
        {%       endfor %}
        {%       if slot not in allocated_slot %}
            <div class='sheet_user{{ num_slot }} {{ border }}' id='staff_{{ turn_id }}_{{ slot }}' onclick='javascript:update_sheet(this, {{ turn_id }}, {{ slot }})'>&nbsp;</div>
        {%       endif %}
        {%     endfor %}
          </div>
        {%   endfor %}
        {% endfor %}
      </article>
      {% endblock %}