css refactorisation

[auf_rh_dae.git] / project / dae / templates / dae / embauche.html

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

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

{% block extrahead %}
  <script src="{{ MEDIA_URL }}js/jquery-1.5.1.min.js"
          type="text/javascript"></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="{{ MEDIA_URL }}css/calendrier.css" />
  <link rel="stylesheet" type="text/css" href="{{ MEDIA_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="{{ MEDIA_URL }}js/dae.js" type="text/javascript"></script>
  <script src="{{ MEDIA_URL }}js/dae-embauche.js" type="text/javascript"></script>
{% endblock %}

{% block main %}
<h1>Demandes d'autorisation d'engagement de personnel</h1>
<form action="" method="post" enctype="multipart/form-data">
{% if step == 'poste' %}
    <h2 class="section">SECTION 1 - POSTE</h2>
    <fieldset>
    <h2>Poste visé</h2>

    <table cellspacing="0">
        {{ form.as_table }}
    </table>
    </fieldset>
{% else %}
    <h2 class="section">SECTION 1 - POSTE</h2>
    <fieldset>
    <h2>Poste : {{ poste.nom }} ({{ poste.implantation.nom }})</h2>
    
    </fieldset>
    
    <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>
    <table>
        <tbody>
            <tr>
                <th>Employé</th>
                <th>Poste</th>
                <th>Date fin contrat</th>
                <th>Salaire</th>
                <th>Salaire EUR</th>
                <th>Implantation</th>
                <th>Famille Emploi</th>
            </tr>
            {% for d in comparaison_dossiers %}
            <tr>
                <td>{{ d.employe }}</td>
                <td>{{ d.poste1.type_poste.nom }} {{ d.complement1 }}</td>
                <td>{{ d.contrat_date_fin|default:"en cours" }}</td>
                <td>{{ d.get_salaire_display }}</td>
                <td>{{ d.get_salaire_euro_display }}</td>
                <td>{{ d.poste1.implantation }}</td>
                <td>{{ d.poste1.type_poste.famille_emploi.nom }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </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>

        {% if new %}
          <p>
            Vous devez enregister ce dossier avant de pouvoir détailler le
            coût global.
          </p>
        {% else %}
          <table cellspacing="0" id="global-cost">
            {% include 'dae/embauche-remun.html' %}
          </table>

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

      </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>
      <p class="info">Les questions posées pour la justification apparaîtront après avoir enregistré le dossier.</p>
      <table>
      <tr>
        <th>NOUVEL EMPLOYÉ</th>
        <th>RENOUVELLEMENT, PROLONGATION, RECLASSEMENT, MOBILITÉ INTERNE</th>
      </tr>
      <tr>
        <td> 
        {% with justificationsNouveauForm as form %}
          {% include "dae/justifications.html" %}
        {% endwith %}
        </td>
        <td>
        {% with justificationsAutreForm as form %}
          {% include "dae/justifications.html" %}
        {% endwith %}
        </td>
      </tr>
      </table>
      <input type="submit" name="save" value="Sauvegarder" />
    </form>
  {% endif %}
{% endblock %}