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

{% 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}};
    {% 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>
{% 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>

    <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 }}</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">
        {% comment %}Wrapper du formulaire de dossier{% endcomment %}
        {% with forms.dossier as form %}
            {% include "dae/embauche-dossier.html" %}
        {% endwith %}
      </div>

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

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

      <fieldset>

      <table cellspacing="0" id="global-cost">
        {% include 'dae/embauche-remun.html' %}
      </table>

      {% comment %}
      <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>
      {% endcomment %}

      </fieldset>

      <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 %}