{# agents/agent_table_edit.html.twig #}

<table style='width:90%;'>
  <tr valign='top'>
    <td style='width:400px'>Nom :</td>
    <td>
      <input type='text' value='{{ nom }}' name='nom' id='nom' style='width:400px' />
    </td>
  </tr>

  <tr>
    <td>Prénom :</td>
    <td>
      <input type='text' value='{{ prenom }}' name='prenom' id='prenom' style='width:400px' />
    </td>
  </tr>

  <tr>
    <td>E-mail :
      <a href='mailto:{{ mail }}'>{{ mail }}</a>
    </td>

    <td>
      <input type='text' value='{{ mail }}' name='mail' id='mail' style='width:400px' />
    </td>
  </tr>

  {% if not config('Planook') %}
    <tr>
      <td>Statut :</td>
      <td style='white-space:nowrap'>
        <select name='statut' id='statut' style='width:405px'>
          <option value=''>Aucun</option>
            {%for elem in statuts %}
              {% if elem.valeur == statut %}
                <option selected="selected" value="{{ elem.valeur | raw }}">{{ elem.valeur | raw }}</option>
              {% else %}
                <option value="{{ elem.valeur | raw }}">{{ elem.valeur | raw }}</option>
              {% endif %}
            {% endfor %}
        </select>
        <span class='pl-icon pl-icon-add' title='Ajouter' style='cursor:pointer; margin-left:4px;' id='add-statut-button'></span>
      </td>
    </tr>

    <tr>
      <td>Contrat :</td>
      <td>
        <select name='categorie' id='categorie' style='width:405px'>
          <option value=''>Aucun</option>
          {%for elem in contrats %}
            {% if elem == categorie %}
              <option selected="selected" value='{{ elem }}'>{{ elem }}</option>
            {% else %}
              <option value='{{ elem }}'>{{ elem }}</option>
            {% endif %}
          {% endfor %}
        </select>
      <td>
    </tr>

    <tr>
      <td>Service de rattachement:</td>
      <td style='white-space:nowrap'>
        <select name='service' id='service' style='width:405px'>
          <option value=''>Aucun</option>
          {%for elem in services %}
            {% if elem.valeur == service %}
              <option selected="selected" value='{{ elem.valeur | raw }}'>{{ elem.valeur | raw }}</option>
            {% else %}
              <option value='{{ elem.valeur | raw }}'>{{ elem.valeur | raw }}</option>
            {% endif %}
          {% endfor %}
        </select>
        <span class='pl-icon pl-icon-add' title='Ajouter' style='cursor:pointer; margin-left:4px;' id='add-service-button'></span>
      </td>
    </tr>
  {% endif %}

  <tr>
    <td>Heures de service public par semaine:</td>
    <td>
      <select name='heuresHebdo' style='width:405px'  title='Choisissez un nombre d&apos;heures ou un pourcentage. Si vous Choisissez un pourcentage, le nombre d&apos;heures sera calculé à partir des plannings de présence'>
        <option value='0'>&nbsp;</option>
        {% for i in 1..100 %}
          {% if i ~ '%' == heures_hebdo and '%' in heures_hebdo %}
            <option selected="selected" value='{{ i }}%'>{{ i }}%</option>
          {% else %}
            <option value='{{ i }}%'>{{ i }}%</option>
          {% endif %}
        {% endfor %}

        {% for time in times %}
          {% if time[0] == heures_hebdo and '%' not in heures_hebdo %}
            <option selected="selected" value='{{ time[0] }}'>{{ time[1] }}</option>
          {% else %}
            <option value='{{ time[0] }}'>{{ time[1] }}</option>
          {% endif %}
        {% endfor %}
      </select>
    </td>
  </tr>

  <tr>
    <td>Heures de travail par semaine:</td>
    <td>
      <select name='heuresTravail' style='width:405px'>
        <option value='0'>&nbsp;</option>
        {% for time in times %}
          {% if time[0] == heures_travail %}
            <option selected="selected" value='{{ time[0] }}'>{{ time[1] }}</option>
          {% else %}
            <option value='{{ time[0] }}'>{{ time[1] }}</option>
          {% endif %}
        {% endfor %}
      </select>
    </td>
  </tr>

  <tr>
    <td> Service public / Administratif :</td>
    <td>
      <select name='actif' style='width:405px'>
        {% if actif == 'Actif' %}
          <option selected="selected" value='Actif'>Service public</option>
        {% else %}
          <option value='Actif'>Service public</option>
        {% endif %}

        {% if actif == 'Inactif' %}
          <option selected="selected" value='Inactif'>Administratif</option>
        {% else %}
          <option value='Inactif'>Administratif</option>
        {% endif %}

        {% if actif == 'Supprim&eacute;' %}
          <option selected="selected" value="Supprim&eacute;">Supprim&eacute;</option>
        {% else %}
          <option value="Supprim&eacute;" style="display:none;">Supprim&eacute;</option>
        {% endif %}
      </select>
    </td>
  </tr>

  {% if multi_site %}
    <tr style='vertical-align:top;'>
      <td>Sites :</td>
      <td>
        {% for s in sites_select %}
          {% if s.checked %}
            <input type='checkbox' name='sites[]' value='{{ s.id }}' checked="checked" >{{ s.name | raw }}<br/>
          {% else %}
            <input type='checkbox' name='sites[]' value='{{ s.id }}'>{{ s.name | raw }}<br/>
          {% endif %}
        {% endfor %}
      </td>
    </tr>
  {% endif %}

  <tr>
    <td>Date d'arrivée</td>
    <td>
      <input type="text" value="{{ arrivee }}" name="arrivee" style="width:400px" class="datepicker"/>
    </td>
  </tr>

  <tr>
    <td>Date de départ</td>
    <td>
      <input type="text" value="{{ depart }}" name="depart" style="width:400px" class="datepicker"/>
    </td>
  </tr>

  {% if not config('Planook') %}
    <tr>
      <td>Matricule :</td>
      <td><input type='text' value='{{ matricule }}' name='matricule' style='width:400px' /></td>
    </tr>

    <tr>
      <td>E-mails des responsables :
        {% for r in mailsResponsables %}
          <br/><a href='mailto:{{ r|trim }}' style='margin-left:30px;'>{{ r|trim }}</a>
        {% endfor %}
      </td>
      <td>
        <textarea name='mailsResponsables' style='width:400px' cols='10' rows='4'>{{ mailsResp_joined }}</textarea>
      </td>
    </tr>

    <tr style='vertical-align:top;'>
      <td>Informations :</td>
      <td>
        <textarea name='informations' style='width:400px' cols='10' rows='4'>{{ informations|raw }}</textarea>
      </td>
    </tr>

    {% if recup_agent > 1 %}
      <tr style='vertical-align:top;'>
        <td>Récupération :</td>
        <td>
          {% if recup_agent == 1 %}
            <textarea name='recup' style='width:400px' cols='10' rows='4'>{{ recup }}</textarea>
          {% elseif recup_agent == 2 %}
            <select name='recup' style='width:400px'>
              <option value=''>&nbsp;</option>
              {% for elem in recupAgents %}
                {% if elem == recup %}
                  <option selected="selected" value='{{ elem }}' $selected>{{ elem }}</option>
                {% else %}
                  <option value='{{ elem }}' $selected>{{ elem }}</option>
                {% endif %}
              {% endfor %}
            </select>
          {% endif %}
        </td>
      </tr>
    {% endif %}
  {% endif %}

  {% if id %}
    <tr>
      <td>Login :</td>
      <td><span id="login">{{ login }}</span> <a id="change-login-link" href="javascript:void(0)" style="color:#29495C">Changer le login</a></td>
    </tr>

    <tr>
      <td colspan='2'>
        <a href='javascript:modif_mdp();'>Envoyer un nouveau mot de passe</a>
      </td>
    </tr>

  {% endif %}

  {% if not demo %}
    <div id="reset-login-form" title="Réinitialisation du login" class='noprint' style='display:none;'>
      <form>
        <div>
          <label for="new_login">Nouveau login</label>
          <input type='text' id="new_login" name="new_login"/>
        </div>

        <div class="password-error" id="login-duplicate">
            Ce login existe déjà.
        </div>
        <div class="password-error" id="login-identic">
            Le nouveau login est identique au précédent.
        </div>
        <div class="password-error" id="login-empty">
            Le login ne peut pas être vide.
        </div>
      </form>
    </div>
  {% endif %}

</table>