{# conges/add.html.twig #}

{% extends 'base.html.twig' %}

{% block specificjs %}
  <script type='text/JavaScript' src='{{ app.request.getBaseURL() }}/conges/js/script.conges.js?version={{ version }}'></script>
  <script type='text/JavaScript' src='{{ app.request.getBaseURL() }}/js/dateUtils.js?version={{ version }}'></script>
  <script type='text/JavaScript' src='{{ app.request.getBaseURL() }}/js/holiday.js?version={{ version }}'></script>
{% endblock %}

{% block page %}
  <h3>Poser des congés</h3>

  <table border='0'>
    <tr style='vertical-align:top'>
      <td style='width:1200px;'>
        <form name='form' action='/holiday' method='post' id='form'>
          <input type='hidden' name='CSRFToken' value='{{ CSRFToken }}' />
          <input type='hidden' name='confirm' value='confirm' />
          <input type='hidden' name='reliquat' value='{{ reliquat }}' />
          <input type='hidden' name='recuperation' id='recuperation' value='{{ recuperation }}' />
          <input type='hidden' name='recuperation_prev' id='recuperation_prev' value='{{ recuperation_prev }}' />
          <input type='hidden' name='credit' value='{{ credit }}' />
          <input type='hidden' name='anticipation' value='{{ anticipation }}' />
          <input type='hidden' id='agent' value='{{ agent_name }}' />
          <input type='hidden' id='conges-recup' value='{{ conges_recuperations }}' />
          <input type='hidden' name="conges-mode" id='conges-mode' value='{{ conges_mode }}' />
          <input type='hidden' name="conges-demi-journees" id='conges-demi-journees' value='{{ conges_demi_journee }}' />

          <table border='0' style="width: 100%">
            <tr>
              <td style='width:350px;'> Nom, prénom : </td>
              <td>
                {% if db_perso | length > 1 %}
                  <select name='perso_id' id='perso_id' style='width:20%;'>
                    <option value='0' ></option>
                    {% for a in db_perso %}
                      {% if a.id == perso_id %}
                        <option value='{{ a.id }}' selected='selected'>{{ a.nom }} {{ a.prenom }}</option>
                      {% else %}
                        <option value='{{ a.id }}'>{{ a.nom }} {{ a.prenom }}</option>
                      {%endif %}
                    {% endfor %}
                  </select>
                {% else %}
                  <input type='hidden' name='perso_id' id='perso_id' value='{{ login_id }}' />
                  {{ login_nom }} {{ login_prenom }}
                {% endif %}
              </td>
            </tr>

            {% if not conges_recuperations %}
              <tr>
                <td style='padding-top:15px;'>Journée(s) entière(s) : </td>
                <td style='padding-top:15px;'>
                  <input type='checkbox' name='allday' class='checkdate' checked='checked' />
                </td>
              </tr>
            {% elseif conges_demi_journee %}
              <tr>
                <td style='padding-top:15px;'>Demi-journée(s) : </td>
                <td style='padding-top:15px;'>
                  <input type='checkbox' name='halfday' class='checkdate'/>
                </td>
              </tr>
            {% endif %}

            <tr>
              <td>Date de début : </td>
              <td>
                <input type='text' name='debut' id='debut' value='{{ debut }}' class='datepicker googleCalendarTrigger checkdate' style='width:20%;'/>&nbsp;
                {% if conges_recuperations and conges_demi_journee %}
                  <select name="start_halfday" style="display: none;" class="checkdate">
                    <option value="fullday">Journée complète</option>
                    <option value="morning">Matin</option>
                    <option value="afternoon">Après-midi</option>
                  </select>
                {% endif %}
              </td>
            </tr>

            <tr id='hre_debut' style='display:none;'>
              <td>Heure de début : </td>
              <td>
                <select name='hre_debut' id='hre_debut_select' style='width:20%;' class='checkdate googleCalendarTrigger'>
                    <option value=""></option>
                    {% for i in 6..23 %}
                        {% for j in range(low=0, high=60, step=config('Granularite')) %}
                            {% if j != 60 %}
                                <option value='{{ "%02d:%02d:00"|format(i,j) }}' >{{ "%02dh%02d"|format(i,j) }}</option>
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </select>
              </td>
            </tr>

            <tr>
              <td>Date de fin : </td>
              <td>
                <input type='text' name='fin' id='fin' value='{{ fin }}'  class='datepicker googleCalendarTrigger checkdate' style='width:20%;'/>&nbsp;
                {% if conges_recuperations and conges_demi_journee %}
                  <select name="end_halfday" style="display: none;" class="checkdate">
                    <option value="fullday">Journée complète</option>
                    <option value="morning">Matin</option>
                    <option value="afternoon">Après-midi</option>
                  </select>
                {% endif %}
              </td>
            </tr>

            <tr id='hre_fin' style='display:none;'><td>Heure de fin : </td>
              <td>
                <select name='hre_fin' id='hre_fin_select' style='width:20%;' class='checkdate googleCalendarTrigger' onfocus='setEndHour();'>
                    <option value=""></option>
                    {% for i in 6..23 %}
                        {% for j in range(low=0, high=60, step=config('Granularite')) %}
                        {% if j != 60 %}
                            <option value='{{ "%02d:%02d:00"|format(i,j) }}' >{{ "%02dh%02d"|format(i,j) }}</option>
                        {% endif %}
                        {% endfor %}
                    {% endfor %}
                </select>
              </td>
            </tr>

            <tr>
              {% if conges_mode == 'heures' %}
                <td style='padding-top:15px;'>Nombre d'heures : </td>
              {% else %}
                <td style='padding-top:15px;'>Nombre de jours : </td>
              {% endif %}
              <td style='padding-top:15px;'>
                {% if conges_mode == 'heures' %}
                  <div id='nbHeures' style='padding:0 5px; width:50px;'></div>
                {% else %}
                  <div id='nbJours' style='padding:0 5px; width:50px;'></div>
                {% endif %}
                <input type='hidden' name='heures' value='0' />
                <input type='hidden' name='minutes' value='0' />
                <input type='hidden' id='erreurCalcul' value='false' />
              </td>
            </tr>

            {% if conges_mode == 'heures' and hours_per_day is defined %}
              <tr>
                <td>
                    Nombre de jours ({{ hours_per_day }}h/jour) :
                    <input type='hidden' name='hours_per_day' id='hours_per_day' value = '{{ hours_per_day }}' />
                </td>
                <td>
                  <div id='nbJours' style='padding:0 5px; width:50px;'></div>
                </td>
              </tr>
            {% endif %}

            <tr>
              <td colspan='2' style='padding-top:20px;'>
                {% if conges_recuperations == 0 %}
                  {% if reliquat != '0.00' %}
                    Ces heures seront débitées sur le réliquat de l'année précédente puis sur : 
                  {% else %}
                    Ces heures seront débitées sur : 
                  {% endif %}
                  </td>
                </tr>

                <tr>
                  <td>&nbsp;</td>
                  <td>
                    <select name='debit' style='width:30%;'>
                      <option value='recuperation'>Le crédit de récupérations</option>
                      <option value='credit'>Le crédit de congés de l'année en cours</option>
                    </select>
                  </td>
                </tr>
                {% else %}
                  {% if reliquat != '0.00' %}
                    Ces heures seront débitées sur le réliquat de l'année précédente puis sur les crédits de congés de l'année en cours.
                  {% else %}
                    Ces heures seront débitées sur les crédits de congés de l'année en cours.
                  {% endif %}
                    <input type='hidden' name='debit' value='credit' />
                  </td>
                </tr>
                {% endif %}

                <tr>
                  <td colspan='2'>
                    <table border='0'>
                      <tr>
                        <td style='width:348px;'>Reliquat : </td>
                        <td style='width:130px;'>{{ reliquat2 }} {{ reliquat_jours }}</td>
                        <td>(après débit : <font id='reliquat4'>{{ reliquat2 }}</font>)</td>
                      </tr>

                      {% if conges_recuperations == 0 %}
                        <tr class='balance_tr'>
                          <td>Crédit de récupérations disponible au 
                            <span class='balance_date'>{{ balance0 }}</span> : 
                          </td>

                          <td id='balance_before'>{{ balance1 }}</td>
                          <td>(après débit : 
                            <span id='recup4'>{{ balance1 }}</span>)
                          </td>
                        </tr>

                        <tr class='balance_tr'>
                          <td>Crédit de récupérations prévisionnel<sup>*</sup> au 
                            <span class='balance_date'>{{ balance0 }}</span> : 
                          </td>

                          <td id='balance2_before'>{{ balance4 }}</td>

                          <td>(après débit : 
                            <span id='balance2_after'>{{ balance4 }}</span>)
                          </td>
                        </tr>
                      {% endif %}

                <tr>
                  <td>Crédit de congés : </td>
                  <td>{{ credit2 }} {{ credit_jours }}</td>
                  <td>
                    <font id='credit3'>(après débit : <font id='credit4'>{{ credit2 }}</font>)</font>
                  </td>
                </tr>

                <tr>
                  <td>Solde débiteur : </td>
                  <td>{{ anticipation2 }} {{ anticipation_jours }}</td>
                  <td><font id='anticipation3'>(après débit : <font id='anticipation4'>{{ anticipation2 }}</font>)</font>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <tr valign='top'>
            <td style='padding-top:15px;'>Commentaires : </td>
            <td style='padding-top:15px;'>
              <textarea name='commentaires' cols='16' rows='5' style='width:40%;'></textarea>
            </td>
          </tr>

          {% if config('Conges-validation') %}
              <tr>
                <td>
                  <label class='intitule'>État </label>
                </td>

                <td>
                  {% if admin %}
                    <select name='valide' id='validation' style='width:35%;' onchange="afficheRefus(this);">
                      <option value='0'>Demandé</option>
                      <option value='2'>{{ accepted_pending_str }}</option>
                      <option value='-2' >{{ refused_pending_str }}</option>
                      {% if adminN2 %}
                        <option value='1' >Accepté</option>
                        <option value='-1' >Refusé</option>
                      {% endif %}
                    </select>
                  {% else %}
                    Demandée
                  {% endif %}
                </td>
              </tr>

              <tr id='tr_refus' style='vertical-align:top; display:none;'>
                <td>Motif du refus :</td>
                <td>
                  <textarea name='refus' cols='16' rows='5' style='width:40%;'></textarea>
                </td>
              </tr>
            {% else %}
                <input type='hidden' name='valide' id='validation' value='1' />
            {% endif %}

          <tr>
            <td>&nbsp;
            </td>
          </tr>

          <tr>
            <td colspan='2' style='text-align:center;'>
              <input id="cancel" type='button' value='Annuler' class='ui-button'/>
              &nbsp;&nbsp;
              <input id="validate" type='button' value='Valider' class='ui-button' style='margin-left:20px;'/>
              <div id='google-calendar-div' class='inline'></div>
            </td>
          </tr>

          <tr>
            <td colspan='2' style='padding-top:30px; font-style:italic;'>
              <sup>*</sup> Le crédit de récupérations prévisionnel tient compte des demandes non validées (crédits et utilisations).
            </td>
          </tr>
        </table>
      </form>
    </td>
    <td style='color:#FF5E0E;'>
      {% if holifay_info %}
        <b>Informations sur les congés :</b><br/><br/>
        {% for i in holifay_info %}
          Du {{ i.start }} au {{ i.end }} :<br/>{{ i.texte|nl2br }}<br/><br/>
        {% endfor %}
      {% endif %}
    </td>
  </tr>
</table>

{% endblock %}