{% extends 'base.html' %}

{% block title %}RH - DAE{% 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>
  <script src="{{ MEDIA_URL }}js/jquery-ui-1.8.11.custom.min.js"
          type="text/javascript"></script>
  <link href="{{ MEDIA_URL }}/css/redmond/jquery-ui-1.8.11.custom.css"
        rel="stylesheet" />

  <style>
    h1.section {background-color: #D0E8F8; text-align: center; color: #5F5F5F; margin: 50px 0px 26px 0px; border-bottom: 3px solid #BBD8EC; padding: 4px;}
    .row {padding: 10px 0px; clear: both; display:block;}
    .row * {float: left; margin: 0px; padding: 0px; margin-right: 4px;}
    .row li {list-style-type: none;}
    .underline {text-decoration: underline;}
    .clear {display: block; clear: both;}
    .note {text-decoration: underline; font-style: italic; margin-left: 12px;}
    .info {font-size:13px;  font-style: italic;}
    .noborder {border:none; margin:0; padding; 0}
    tr.noborder td {border:none; padding-left: 0;}
  </style>
{% endblock %}

{% block main %}
<h1>Demande d'autorisation de création de poste</h1>


  <h2>
    {% if new %}
      Nouveau poste
    {% else %}
      Mise à jour du poste : {{ poste }}
    {% endif %}
  </h2>

  <form action="" method="post">

    <h1 class="section">SECTION 1 - POSTE</h1>

    <div class="row">
        {{ form.implantation.label_tag }} {{ form.implantation.errors }} <span> : </span><span>{{ form.implantation }}<span>
        {{ form.service.label_tag }} {{ form.service.errors }} <span> : </span><span>{{ form.service }}</span>
    </div>

    <div class="row">{{ form.nom.label_tag }} {{ form.nom.errors }} <span> : </span>{{ form.nom }}</span></div>

    <div class="row">{{ form.poste.label_tag }} {{form.poste.errors }} <span> : </span><span>{{ form.poste }}</span>
        <span class="note">Justifier à la section 4<span>
    </div>

    <div class="row">{{ form.responsable.label_tag }} {{ form.responsable.errors }} <span> : </span><span>{{ form.responsable }}</span></div>

    <div class="row">
        <span class="underline">{{ form.statut_residence.label_tag }}</span> <span> : </span> <span>{{ form.statut_residence.errors }} {{ form.statut_residence }} {{ form.mise_a_disposition.label_tag }}  {{ form.mise_a_disposition.errors }} {{ form.mise_a_disposition }}</span>
    </div>

    <div class="row">{{ form.appel.label_tag }} {{ form.appel.errors }} <span> : </span> <span>{{ form.appel }}</span></div>

    <div class="row">
        <label>Durée prévue du poste </label> <span class="underline">(indépendamment du titulaire du poste)</span> :
    </div>


    <div class="row">
        <label>Durée déterminée : </label> <span>du ({{form.date_debut.help_text }}) : </span> <span>{{ form.date_debut.errors }} {{ form.date_debut }}</span> <span> au ({{form.date_fin.help_text }}) : </span> <span>{{ form.date_fin.errors }} {{ form.date_fin }}</span>
        <span class="note">Pour une durée indéterminée, spécifier uniquement la date de début<span>
    </div>

    <div class="row">
        <label>Régime de travail</label><span> : </span> <span>Temps complet 100%,  Temps partiel : </span>{{ form.regime_travail.errors }} {{ form.regime_travail }}<span>%</span>
        <label>Nbr heures par semaine</label><span> : </span> <span>{{ form.regime_travail_nb_heure_semaine.errors }} {{ form.regime_travail_nb_heure_semaine }}</span>
    </div>

    <table class="noborder">
        <tr class="noborder">
            <td><label>Classement du poste</label> : </td>
            <td><label>Éléments de comparaison<label> : <p class="info">Compléter uniquement lors de la création d'un poste</p></td>
        </tr>
        <tr>
            <td class="noborder">
                <table>
                    <tr>
                        <th></th>
                        <th>Échelon AUF</th>
                        <th>Salaire de base</th>
                        <th>Indemnité, responsabilité (le cas échéant)</th>
                        <th>Autres</th>
                        <th>TOTAL</th>
                        <th>Conversion EUR</th>
                    </tr>
                    <tr>
                        <th>Minimum</th>
                        <td>{{ form.classement_min }}</td>
                        <td>{{ form.salaire_min }}</td>
                        <td>{{ form.indemn_min }}</td>
                        <td>{{ form.autre_min }}</td>
                        <td>??</td>
                        <td>??</td>
                    </tr>
                    <tr>
                        <th>Maximun</th>
                        <td>{{ form.classement_max }}</td>
                        <td>{{ form.salaire_max }}</td>
                        <td>{{ form.indemn_min }}</td>
                        <td>{{ form.autre_max }}</td>
                        <td>??</td>
                        <td>??</td>
                    </tr>
                </table>
            </td>
            <td class="noborder">
                <table>
                    <tr>
                        <th></th>
                        <th>Locale</th>
                        <th>Université</th>
                        <th>Fonction publique</th>
                        <th>ONG</th>
                        <th>Autre</th>
                    </tr>
                    <tr>
                        <th>Minimum</th>
                        <td>{{ form.comp_locale_min }}</td>
                        <td>{{ form.comp_universite_min }}</td>
                        <td>{{ form.comp_fonctionpub_min }}</td>
                        <td>{{ form.comp_ong_min }}</td>
                        <td>{{ form.comp_autre_min }}</td>
                    </tr>
                    <tr>
                        <th>Maximum</th>
                        <td>{{ form.comp_locale_max }}</td>
                        <td>{{ form.comp_universite_max }}</td>
                        <td>{{ form.comp_fonctionpub_max }}</td>
                        <td>{{ form.comp_ong_max }}</td>
                        <td>{{ form.comp_autre_max }}</td>
                    </tr>
                </table>
            </td>
        </tr>
        </table>

        <p class="info">N.B Conversion en EUROS au taux de change budgétaire</p>

        <h1 class="section clear">SECTION 2 - PERSONNEL ENGAGÉ</h1>
        <div class="row"></div>

        <h1 class="section">SECTION 3 - COÛT GLOBAL</h1>
        <div class="row"></div>

        <h1 class="section">SECTION 4 - JUSTIFICATION DE LA DEMANDE (OBLIGATOIRE)</h1>
        <div class="row"></div>


    {% comment %}
    <table>
    {{ form.as_table }}
    </table>
    {% endcomment %}

    <input type="submit" name="save" value="Sauvegarder" />
  </form>

  <h2>Financement</h2>

  <table cellspacing="0" id="financing">
    <tr>
      <th>Type</th>
      <th>Montant</th>
      <th>Devise</th>
      <th>Pourcentage</th>
      <th>Commentaire</th>
      <th></th>
    </tr>
    {% for fin in poste.financements.all %}
      <tr>
        <td>{{ fin.type }}</td>
        <td>{{ fin.montant }}</td>
        <td>{{ fin.devise }}</td>
        <td>{{ fin.pourcentage }}</td>
        <td>{{ fin.commentaire }}</td>
        <td><a href="{% url financement poste_key fin.id %}">Modifier</a></td>
      </tr>
    {% empty %}
      <tr>
        <td colspan="5">
          {% if new %}
            Vous devez enregister ce nouveau poste avant de pouvoir spécifier
            la ou les sources de financement.
          {% else %}
            Aucun financement au registre
          {% endif %}
        </td>
      </tr>
    {% endfor %}
  </table>
  {% if not new %}
    <a href="{% url financement poste_key %}" class="new">
      Ajouter une source de financement
    </a>
  {% endif %}

  <div id="financing-form"></div>

  <script type="text/javascript">
    $('#id_poste').change(function() {
        window.location = '{% url poste %}/' + $(this).val();
    });
    $('#financing a, a.new').click(function() {
        $('#financing-form').load($(this).attr('href') + '?ajax=1')
                            .dialog({
                                modal: true,
                                height: 460,
                                width: 500
                            });
        return false;
    });
  </script>
{% endblock %}