{% extends 'base.html' %}
{% load adminmedia %}
{% load dae %}

{% block title %}RH - DAE - Embauche{% endblock %}
{% block titre %}Ressources humaines{% endblock %}
{% block sous_titre %}Demande d'autorisation d'engagement{% endblock %}

{% block extrahead %}
  <script src="{{ STATIC_URL }}js/jquery-1.5.1.min.js"
          type="text/javascript"></script>

  <script type="text/javascript">
    var DEVISES = {};
    {% for d in devises %}
    DEVISES['{{d.devise_code}}'] = {{d.taux_euro|stringformat:".10f"}};
    {% endfor %}
  </script>

  {% comment  %} style pour le calendier {% endcomment %}
  <script type="text/javascript">
    window.__admin_media_prefix__ = "{% filter escapejs %}{% admin_media_prefix %}{% endfilter %}";
  </script>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/calendrier.css" />
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/dae.css" />
  <script type="text/javascript" src="/admin/jsi18n/"></script>
  <script type="text/javascript" src="{% admin_media_prefix %}js/core.js"></script>
  <script type="text/javascript" src="{% admin_media_prefix %}js/calendar.js"></script>
  <script type="text/javascript" src="{% admin_media_prefix %}js/admin/DateTimeShortcuts.js"></script>
  <script src="{{ STATIC_URL }}jquery-autocomplete/jquery.autocomplete.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}jquery-autocomplete/jquery.autocomplete.css" />
  <script src="{{ STATIC_URL }}js/dae.js" type="text/javascript"></script>
  <script src="{{ STATIC_URL }}js/dae-embauche.js" type="text/javascript"></script>
  <script src="{{ STATIC_URL }}js/remun.js" type="text/javascript"></script>
{% endblock %}

{% block main %}

<h1>Demande d'autorisation d'engagement de personnel</h1>
<form action="" method="post" enctype="multipart/form-data">
    <h2 class="section">SECTION 1 - POSTE</h2>
    {% include 'dae/poste_resume.html' %}

    <h2 class="section">SECTION 2 - PERSONNEL ENGAGÉ</h2>
    <fieldset>
    <div>
        <div class="gauche"><h2>Personne</h2></div>
        <div class="droite">
            <table class="droite">
                <tbody>
                <tr>
                    <th>Mobilité interne</th>
                    <td colspan="3"><input id="mobilite_interne" type="checkbox" name="mobilite_interne" /></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="clear"></div>
    <table id="form-employe">
        <tbody>
        <tr>
            <th>
                Employé :<br />
                {{ forms.employe.employe.errors }}
            </th>
            <td colspan="5">{{ forms.employe.employe }}</td>
        </tr>
        <tr>
            <th>
                {{ forms.employe.nom.label_tag }} :<br />
                {{ forms.employe.nom.errors }}
            </th>
            <td>{{ forms.employe.nom }}</td>
            <th>
                {{ forms.employe.prenom.label_tag }} :<br />
                {{ forms.employe.prenom.errors }}
            </th>
            <td>{{ forms.employe.prenom }}</td>
            <th>
                {{ forms.employe.genre.label_tag }} :<br />
                {{ forms.employe.genre.errors }}
            </th>
            <td>{{ forms.employe.genre }}</td>
        </tr>
        </tbody>
    </table>

    <input type="hidden" id="poste" name="poste"
                                    value="dae-{{ poste.id }}" />
    <input type="hidden" id="implantation" name="implantation"
                                    value="{{ poste.implantation_id }}" />
    <input type="hidden" id="dossier" name="dossier"
                                    value="{{ dossier.id }}" />
    </fieldset>

    {% with forms.dossier as form %}

    <fieldset>
      <h2>Accès et ouverture des comptes</h2>
      <table>
	<tbody>
	  <tr>
            <th>
              {{ form.compte_compta.label_tag }}
            </th>
            <td>
              {{ form.compte_compta }}<br />
              {{ form.compte_compta.errors }}
            </td>
            <th>
              {{ form.compte_courriel.label_tag }}
            </th>
            <td>
              {{ form.compte_courriel }}<br />
              {{ form.compte_courriel.errors }}
            </td>
	  </tr>
	</tbody>
      </table>
    </fieldset>

    <fieldset>
      <h2>Pièces jointes</h2>
      <p class="info">CV, lettre de motivation...</p>
      {% include "dae/pieces.html" %}
    </fieldset>

    <fieldset>
    <h2>Comparaison salariale</h2>
    <span class="info">dans la région pour les employés occupant un poste similaire</span>
    {{ comparaisons_formset.management_form }}

    {% for f in comparaisons_formset.forms %}
        <table>
        {% for field in f %}
            {% if field.is_hidden %}{{ field }}{% endif %}
        {% endfor %}
        <tr><td colspan=2>Rechercher (personne, poste) : {{ f.recherche }} <span class="clear-cmp"><a href="#" class="display-none">Supprimmer</a></span></td></tr>
        <tr><th>{{ f.implantation.label }}</th><td>{{ f.implantation.errors }} {{ f.implantation }}</td></tr>
        <tr><th>{{ f.poste.label }}</th><td>{{ f.poste.errors }} {{ f.poste }}</td></tr>
        <tr><th>{{ f.personne.label }}</th><td>{{ f.personne.errors }} {{ f.personne }}</td></tr>
        <tr><th>{{ f.statut.label }}</th><td>{{ f.statut.errors }} {{ f.statut }}</td></tr>
        <tr><th>{{ f.classement.label }}</th><td>{{ f.classement.errors }} {{ f.classement }}</td></tr>
        <tr><th>{{ f.montant.label }} ({{f.devise.label }})</th><td>{{ f.montant.errors }} {{ f.montant }} {{ f.devise.errors }} {{f.devise }}</td></tr>
        </table>
    {% endfor %}
    </fieldset>


      <div id="form-dossier">
        <!-- Wrapper du formulaire de dossier -->

<fieldset>
<h2>Contrat</h2>
<table>
    <tbody>
    <tr>
        <th rowspan="2">{{ form.type_contrat.label_tag }} :</th>
        <td colspan="4" rowspan="2">
            {{ form.type_contrat }}<br />
            {{ form.type_contrat.errors }}
        </td>
        <th>
	  {{ form.remplacement.label_tag }} :
	</th>
        <td>
            {{ form.remplacement }}<br />
            {{ form.remplacement.errors }}
        </td>
    </tr>
        <th>
	  {{ form.est_cadre.label_tag }} :
	</th>
        <td>
	    {{ form.est_cadre }}<br />
	    {{ form.est_cadre.errors }}
        </td>
    <tr>
      
    </tr>
    <tr>
        <th rowspan="2">Durée :</th>
        <td>du</td>
        <td>
            {{ form.contrat_date_debut }}<br />
            <span class="info">({{form.contrat_date_debut.help_text }})</span><br />
            {{ form.contrat_date_debut.errors }}
        </td>
        <td> au </td>
        <td>
            {{ form.contrat_date_fin }}<br />
            <span class="info">({{form.contrat_date_fin.help_text }})</span><br />
            {{ form.contrat_date_fin.errors }}
        </td>
        <th>{{ form.regime_travail.label_tag }} :<br />{{ form.regime_travail.errors }}</th>
        <td>
            {{ form.regime_travail }}
            <span class="info">{{ form.regime_travail.help_text }}</span>
        </td>
    </tr>
    <tr>
        <td colspan="4" class="info">
            <p id="note-duree">Pour une durée indéterminée, spécifier uniquement la date de début.</p>
        </td>
        <th>
            {{ form.regime_travail_nb_heure_semaine.label_tag }} :<br />
            {{ form.regime_travail_nb_heure_semaine.errors }}
        </th>
        <td>{{ form.regime_travail_nb_heure_semaine }}
            <span class="info">{{ form.regime_travail_nb_heure_semaine.help_text }}</span></td>
    </tr>
    <tr>
        <th>Statut : </th>
        <td colspan="4">
            {{ form.statut }}
            <span class="row">
            {{ form.statut_residence }}
            {% if form.statut.errors %}
                <br />
                {{ form.statut.errors }}
            {% endif %}
            {% if form.statut_residence.errors %}
                <br />
                {{ form.statut_residence.errors }}
            {% endif %}
            </span>
        </td>
        <th>{{ form.organisme_bstg.label_tag }} :</th>
        <td>
            {{ form.organisme_bstg }}
            {% if form.organisme_bstg.errors %}
                <br />
                {{ form.organisme_bstg.errors }}
            {% endif %}
            <span class="info">{{ form.organisme_bstg.help_text }}</span><br/><br/>
            {{ form.organisme_bstg_autre }}
            <span class="info">{{ form.organisme_bstg_autre.help_text }}</span>
        </td>
    </tr>
    <tr>
        <th></th>
        <td colspan="4">
        </td>
        <th colspan="2">
	</th>
    </tr>
    </tbody>
</table>
</fieldset>

<fieldset>
<h2>Classement et salaire de base</h2>
<table>
    <tbody>
    <tr>
        <td colspan="7">
            <h3>Ancien dossier <span class="info">(le cas échéant)</span></h3>
        </td>
    </tr>
    <tr>
        <td colspan="7">
            {{ employe }} <span class="info">{{ employe.dossier_set.all.reverse }}</span>
        </td>
    </tr>
    <tr>
        <th>{{ form.classement_anterieur.label_tag }}</th>
        <th>{{ form.salaire_anterieur.label_tag }}</th>
        <th>{{ form.statut_anterieur.label_tag }}</th>
        <th>{{ form.type_contrat_anterieur.label_tag }}</th>
        <th colpsan="3"></th>
    </tr>
    <tr>
        <td>{{ form.classement_anterieur }}</td>
        <td>{{ form.salaire_anterieur  }} {{ form.devise_anterieur }}</td>
        <td>{{ form.statut_anterieur  }}</td>
        <td>{{ form.type_contrat_anterieur  }}</td>
        <td colspan="3"></td>
    </tr>
    <tr>
        <td colspan="7">
            <h3>Précédent titulaire <span class="info">(le cas échéant)</span></h3>
        </td>
    </tr>
    <tr>
        <td colspan="7">
        {% if request.user|test_membre_drh %}
            {{ form.instance.employe_anterieur }}{{ form.employe_anterieur }}
        {% else %}
            {{ form.instance.employe_anterieur }}{{ form.employe_anterieur.as_hidden }}
        {% endif %}
            {{ form.employe_anterieur.errors }}
        </td>
    </tr>
    <tr>
        <th>{{ form.classement_titulaire_anterieur.label_tag }}</th>
        <th colspan="4">{{ form.salaire_titulaire_anterieur.label_tag }}</th>
        <th>{{ form.statut_titulaire_anterieur.label_tag }}</th>
        <th></th>
    </tr>
    <tr>
        {% if request.user|test_membre_drh %}
            <td>{{ form.instance.classement_titulaire_anterieur }}
                {{ form.classement_titulaire_anterieur }}<br />
                {{ form.classement_titulaire_anterieur.errors }}
            </td>
            <td>{{ form.instance.salaire_titulaire_anterieur }}{{ form.salaire_titulaire_anterieur }} {{ form.devise_titulaire_anterieur }}</td>
            <td></td>
            <td></td>
            <td></td>
            <td>{{ form.instance.statut_titulaire_anterieur }}{{ form.statut_titulaire_anterieur }}</td>
        {% else %}
            <td>{{ form.instance.classement_titulaire_anterieur }}
                {{ form.classement_titulaire_anterieur.as_hidden }}<br />
                {{ form.classement_titulaire_anterieur.errors }}
            </td>
            <td>{{ form.instance.salaire_titulaire_anterieur }}{{ form.salaire_titulaire_anterieur.as_hidden }} {{ form.instance.devise_titulaire_anterieur.as_hidden }}</td>
            <td></td>
            <td></td>
            <td></td>
            <td>{{ form.instance.statut_titulaire_anterieur }}{{ form.statut_titulaire_anterieur.as_hidden }}</td>
        {% endif %}
        <td></td>
    </tr>
    </tbody>
</table>
</fieldset>
</div>

      <h2 class="section">SECTION 3 - COÛT GLOBAL</h2>

      <fieldset>
	<div>
          <div class="gauche"><h2>Proposition de classement</h2></div>
          <div class="gauche">
            <table class="gauche">
		<tr>
		  <th>{{ form.classement.label_tag }}</th>
		  <th colspan="3">{{ form.salaire.label_tag }}</th>
		</tr>
		<tr>
		  <td>{{ form.classement }}<br />{{ form.classement.errors }}</td>
		  <td>{{ form.salaire.errors }} {{ form.salaire }} {{ form.devise }}
		    <span class="info">(fourchette du poste : {{ poste.salaire_min }} {{ poste.devise_min.code }}
		      - {{ poste.salaire_max }} {{ poste.devise_max.code }})</span>
		  </td>
		  <td id="salaire-propose-euros" class="montant"></td>
		  <td>€</td>
		</tr>
		<script type="text/javascript">
		  /* Changement de classement, on repropose un salaire */
		  $('#id_classement').change(function() {
		  loadSalaire();
		  proposition_comparaison($('#id_devise').val());
		  });
		  /* changements, on recalcule */
		  $('#id_salaire').focusout(function() {proposition_comparaison($('#id_devise').val());});
		  $('#id_devise').change(function() {proposition_comparaison($('#id_devise').val());});
		  proposition_comparaison($('#id_devise').val());
		</script>
	    </table>
	  </div>
	</div>
      {% include 'dae/embauche-remun.html' %}

      <!-- <select id="type-remun" name="type-remun"> -->
      <!--   <option value="">(Ajouter une ligne)</option> -->
      <!--   {% for tr in type_remun %} -->
      <!--     <option value="{{ tr.id }}">{{ tr.nom }}</option> -->
      <!--   {% endfor %} -->
      <!-- </select> -->

      </fieldset>
      {% endwith %}

      <h2 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h2>
      <h3>A - Justification du poste</h3>
      <p>{{ poste.justification }}</p>

      <h3>B - Justification de l'employé</h3>
      <table>
      <tr>
        <th>Nouvel employé</th>
        <th>Renouvellement, prolongation, reclassement, mobilité interne</th>
      </tr>
      <tr>
        <td>
          <h4>{{ forms.dossier.justif_nouveau_statut.label }}</h4>
          {{ forms.dossier.justif_nouveau_statut }}
          <h4>{{ forms.dossier.justif_nouveau_tmp_remplacement.label }}</h4>
          {{ forms.dossier.justif_nouveau_tmp_remplacement }}
          <h4>{{ forms.dossier.justif_nouveau_salaire.label }}</h4>
          {{ forms.dossier.justif_nouveau_salaire }}
          <h4>{{ forms.dossier.justif_nouveau_commentaire.label }}</h4>
          {{ forms.dossier.justif_nouveau_commentaire }}
        </td>
        <td>
          <h4>{{ forms.dossier.justif_rempl_type_contrat.label }}</h4>
          {{ forms.dossier.justif_rempl_type_contrat}}
          <h4>{{ forms.dossier.justif_rempl_statut_employe.label }}</h4>
          {{ forms.dossier.justif_rempl_statut_employe}}
          <h4>{{ forms.dossier.justif_rempl_evaluation.label }}</h4>
          {{ forms.dossier.justif_rempl_evaluation}}
          <h4>{{ forms.dossier.justif_rempl_salaire.label }}</h4>
          {{ forms.dossier.justif_rempl_salaire }}
          <h4>{{ forms.dossier.justif_rempl_commentaire.label }}</h4>
          {{ forms.dossier.justif_rempl_commentaire }}
        </td>
      </tr>
      </table>

      <input type="submit" name="continue" value="Sauvegarder (et ajouter des lignes)" />
      <input type="submit" name="save" value="Sauvegarder" />
    </form>
{% endblock %}