{# myAccount.html.twig #}

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

{% block page %}
{% include 'agents/elements/change_password.html.twig' %}

    <!--	Menu	-->
    <h3>Mon Compte</h3>

    <div class='ui-tabs'>
      <ul>
        {% if config('PlanningHebdo') %}
          <li><a href='#working_hours'>Mes heures de présence</a></li>
        {% endif %}
        {% if config('Conges-Enable') %}
          <li><a href='#credits'>Mes crédits</a></li>
        {% endif %}
        {% if ics %}
          <li><a href='#ics'>Agendas ICS</a></li>
        {% endif %}
        <li><a href='#motDePasse'>Mon mot de passe</a></li>
      </ul>
      {% if config('PlanningHebdo') %}
        <!-- Working hours -->
        <div id='working_hours'>
          <div style='display: inline-block; width:300px;'>
            <h3>Heures de présence</h3>
          </div>
          {% if config('PlanningHebdo-Agents') %}
            <div style='display: inline-block; width:300px; position: absolute; right: 22px; text-align: right; margin-top:22px;'>
              <a href="{{ asset ('workinghour/add') }}?retour=/myaccount" class='ui-button ui-button-type1' style="color:#29495C;">Entrer de nouveaux horaires</a>
            </div>
          {% endif %}
          <!-- Working hours history -->
          <div id='historique'>
            <br/>
            <table id='tablePresenceMonCompte' class='CJDataTable' data-sort='[[1],[2],[3]]'>
              <thead>
                <tr id="account">
                  <th class='dataTableNoSort'>&nbsp;</th>
                  <th class='dataTableDateFR'>Début</th>
                  <th class='dataTableDateFR'>Fin</th>
                  <th class='dataTableDateFR'>Saisie</th>
                  <th>Validation</th>
                  <th>Actuel</th>
                  <th>Commentaires</th>
                </tr>
              </thead>
              <tbody>
                {% for elem in planning %}
                  <tr>
                    <td style='white-space:nowrap;'>{{ elem.remplace ? "<font style='font-size:20pt;'>&rdsh;</font>": "" }}
                      <a href="{{ asset('workinghour') }}/{{ elem.id }}?retour=/myaccount"/>
                        <span class='pl-icon pl-icon-edit' title='Voir'></span>
                      </a>
                    </td>
                    <td>{{ elem.debut }}</td>
                    <td>{{ elem.fin }}</td>
                    <td>{{ elem.saisie }}</td>
                    <td>{{ elem.validation }}</td>
                    <td>{{ elem.actuel ? "Oui" : ""}}</td>
                    <td>{{ elem.commentaires }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div> <!-- Historique' -->
        </div> <!-- working_hours -->
      {% endif %}
      {% if config('Conges-Enable') %}
        <!-- Crédits -->
        <div id='credits' style='margin-left:80px;display:none;'>
          <h3>Crédits</h3>
          <table class='tableauFiches'>
            <tr>
              <td style='font-weight:bold;' colspan='2'>Congés</td>
            </tr>
            <tr>
              <td>Crédit annuel</td>
              {% if config('Conges-Mode') == 'heures' %}
                <td style='text-align:right;'>
                  {{ credits.annuel }}
                </td>
              {% endif %}
              <td style='text-align:right;'>
                {{ credits.joursAnnuel }} jours
              </td>
            </tr>
            <tr>
              <td>Crédit restant</td>
              {% if config('Conges-Mode') == 'heures' %}
                <td style='text-align:right;'>
                  {{ credits.conges }}
                </td>
              {% endif %}
              <td style='text-align:right;'>
                {{ credits.joursConges }} jours
              </td>
            </tr>
            <tr>
              <td>Reliquat</td>
              {% if config('Conges-Mode') == 'heures' %}
                <td style='text-align:right;'>
                  {{ credits.reliquat }}
                </td>
              {% endif %}
              <td style='text-align:right;'>
                {{ credits.joursReliquat}} jours
              </td>
            </tr>
            <tr>
              <td>Solde débiteur</td>
              {% if config('Conges-Mode') == 'heures' %}
                <td style='text-align:right;'>
                  {{ credits.anticipation }}
                </td>
               {% endif %}
               <td style='text-align:right;'>
                 {{ credits.joursAnticipation }} jours
               </td>
            </tr>
            <tr>
              <td style='font-weight:bold;padding-top:20px;' colspan='2'>Récupérations</td>
            </tr>
            <tr>
              <td>Crédit</td>
              <td style='text-align:right;'>
                {{ credits.recuperation }}
              </td>
            </tr>
          </table>
          <p style='font-style:italic;margin:30px 0 0 10px;'>Le nombre de jours est calculé sur la base de 7 heures par jour.</p>
        </div>
      <!-- Crédits-->
      {% endif %}
      <!-- Mot de Passe -->
      <div id='motDePasse' style='margin-left:80px;display:none;'>
        <h3>Changement de mot de passe</h3>
        {% include 'agents/elements/change_password_div.html.twig' %}
      </div> <!-- motDePasse -->
      <!-- Agendas ICS -->
      <div id='ics' style='margin-left:80px;display:none;'>
        <h3>Agendas ICS</h3>
        <p>
          <ul>
            <li>Agenda des plages de service public : 
              <span id='urlIcs'><a style="color:#29495C;" href='{{ config('URL') }}{{ ics | raw }}'>{{ config('URL') }}{{ ics | raw }}</a></span>
            </li>
            <li>Agenda des plages de service public et des absences : 
              <span id='urlIcsWithAbsences'><a style="color:#29495C;" href='{{ config('URL') }}{{ ics | raw }}&absences=1'>{{ config('URL') }}{{ ics | raw }}&absences=1</a></span>
            </li>
          </ul>
          {% if config('ICS-Code') %}
          <br/><a style="font-size: 15px;margin-top: 30px; color:#29495C;" href="javascript:resetICSURL({{ login.id }}, '{{ CSRFSession }}' );"> Réinitialiser les URL</a>
          {% endif %}
        </p>
      </div> <!-- Agendas ICS -->
    </div> <!-- ui-tabs -->
{% endblock %}