{% extends "global/Page.html" %}
{% load otree static %}

{% block scripts %}
<script>
var nbfam = 0;
var nbpart = 0;
var nbaide = 0;
var nbpret = 0;
var nbjob = 0;
var nbep = 0;
var nbautre = 0;
var nbtot = 0;

function ress() {
    var nbfam2 = Number(document.getElementById('fam').value);
    nbfam = nbfam2 ;
    var nbpart2 = Number(document.getElementById('part').value) ;
    nbpart = nbpart2 ;
    var nbaide2 = Number(document.getElementById('aidepub').value) ;
    nbaide = nbaide2 ;
    var nbpret2 = Number(document.getElementById('pret').value);
    nbpret = nbpret2 ;
    var nbjob2= Number(document.getElementById('job').value);
    nbjob = nbjob2;
    var nbep2 = Number(document.getElementById('ep').value);
    nbep = nbep2 ;
    var nbautre2 = Number(document.getElementById('autre').value);
    nbautre = nbautre2 ;
    nbtot = nbfam + nbpart + nbaide + nbpret/12 + nbjob + nbep/12 + nbautre;
    nb_tot2 = document.getElementById('tot');
    nb_tot2.innerHTML=nbtot;
}
</script>
{% endblock %}

{% block title %}
    Quatrième partie
{% endblock %}

{% block content %}
<p> <strong> Au cours de ce semestre, de quel budget mensuel moyen disposez-vous à partir
    des sources suivantes de financement ? </strong><br>
Indiquez le montant correspondant pour chaque source. Si le montant est nul, renseignez zéro.
    La somme de l'ensemble sera ensuite calculée automatiquement.</p>


 <table class="table">
     <tbody>
     <tr>
         <td></td>
         <td>Revenu moyen net (€) </td>
     </tr>
     <tr>
         <td>Participation de la famille - par mois </td>
         <td><input type="number" min=0 max=2000 name="ressfam" id="fam" ></td>
     </tr>
     <tr>
         <td>Participation du partenaire ou conjoint - par mois</td>
         <td><input type="number" min=0 max=2000 name="resspart" id="part" ></td>
     </tr>
     <tr>
        <td>Aide publique (bourse, allocations diverses...)</td>
        <td><input type="number" min=0 max=2000 name="ressaidepub" id="aidepub" ></td>
     </tr>
     <tr>
         <td>Prêt étudiant (public ou privé) sur l'année 2018-2019</td>
         <td><input type="number" min=0 max=20000 name="resspret" id="pret" ></td>
     </tr>
     <tr>
         <td>Revenu d'emploi (y compris stage ou alternance)</td>
         <td><input type="number" min=0 max=9000 name="ressjob" id="job" ></td>
     </tr>
     <tr>
         <td>Economies, épargne - globalement disponible sur l'année 2018-2019</td>
         <td><input type="number" min=0 max=20000 name="ressep" id="ep" ></td>
     </tr>
     <tr>
         <td>Autres sources mensuelles</td>
         <td><input type="number" min=0 max=30000 name="ressautre" id="autre" ></td>
     </tr>
     <tr>
         <td>Cliquez sur le bouton "Calcul" pour obtenir le montant total de vos ressources mensuelles déclarées.
             <input type="button" name="Calcul" value="Calcul" onclick="ress();"> <br>
         Si le résultat ne correspond pas à vos dépenses, veuillez s'il vous plaît rectifier les ressources erronées
avant de poursuivre.</td>
         <td><center><div id="tot"> </div></center> </td>
     </tr>
     </tbody>
 </table>

{{ form.ressfam.errors }}
{{ form.resspart.errors }}
{{ form.ressaidepub.errors }}
{{ form.resspret.errors }}
{{ form.ressjob.errors }}
{{ form.ressep.errors }}
{{ form.ressautre.errors }}

    {% next_button %}

{% endblock %}