{% extends "base.html" %}
{% block content %}
<h1>Création du dossier d'inscription</h1>
<br>
<form action='{% url 'Subscriptions:validate' eleve.id %}' method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {% with responsable=eleve.getMainGuardian %}
    <ul>
        <li style="margin-bottom: 15px"><strong>ELEVE</strong></li>
        <div style="margin-bottom: 15px">
            <label>Nom :</label>
            <input type="text" name="nomEleve" value="{{ eleve.nom }}">
        </div>
        <div style="margin-bottom: 15px">
            <label>Prénom :</label>
            <input type="text" name="prenomEleve" value="{{ eleve.prenom }}">
        </div>
        <div style="margin-bottom: 15px">
            <label>Genre :<br></label>
        {% for genre in genres %}
            <label>{{ genre }}</label>
            <input type="radio" id="{{ genre }}" name="genre" value="{{ genre }}">            
        {% endfor %}
        </div>
        <div style="margin-bottom: 15px">
            <label>Adresse :</label>
            <input type="text" name="adresseEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Date de naissance :</label>
            <input type="text" name="dateNaissanceEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Lieu de naissance :</label>
            <input type="text" name="lieuNaissanceEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Code postal de naissance :</label>
            <input type="text" name="codePostalNaissanceEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Nationalité :</label>
            <input type="text" name="nationaliteEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Langue parlée :</label>
            <input type="text" name="langueEleve">
        </div>
        <div style="margin-bottom: 15px">
            <label>Ambiance :<br></label>
        {% for ambiance in ambiances %}
            <label>{{ ambiance }}</label>
            <input type="radio" id="{{ ambiance }}" name="ambiance" value="{{ ambiance }}">            
        {% endfor %}
        </div>
        <div style="margin-bottom: 15px">
            <label>Médecin traitant :</label>
            <input type="text" name="medecinTraitantEleve">
        </div>
        <li style="margin-bottom: 15px"><strong>RESPONSABLES</strong></li>
        <ul>
            <li style="margin-bottom: 15px"><strong>RESPONSABLE 1</strong></li>
            <div style="margin-bottom: 15px">
                <label>Nom :</label>
                <input type="text" name="nomResponsable1" value="{{ responsable.nom }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Prénom :</label>
                <input type="text" name="prenomResponsable1" value="{{ responsable.prenom }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Adresse :</label>
                <input type="text" name="adresseResponsable1" value="{{ responsable.adresse }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Date de naissance :</label>
                <input type="text" name="dateNaissanceResponsable1" value="{{ responsable.dateNaissance }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Mail :</label>
                <input type="text" name="mailResponsable1" value="{{ responsable.mail }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Téléphone :</label>
                <input type="text" name="telephoneResponsable1" value="{{ responsable.telephone }}">
            </div>
            <div style="margin-bottom: 15px">
                <label>Profession :</label>
                <input type="text" name="professionResponsable1" value="{{ responsable.profession }}">
            </div>
            <li style="margin-bottom: 15px"><strong>RESPONSABLE 2</strong></li>
            <div style="margin-bottom: 15px">
                <label>Nom :</label>
                <input type="text" name="nomResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Prénom :</label>
                <input type="text" name="prenomResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Adresse :</label>
                <input type="text" name="adresseResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Date de naissance :</label>
                <input type="text" name="dateNaissanceResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Mail :</label>
                <input type="text" name="mailResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Téléphone :</label>
                <input type="text" name="telephoneResponsable2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Profession :</label>
                <input type="text" name="professionResponsable2">
            </div>
        </ul>
        <li style="margin-bottom: 15px"><strong>FRATRIE</strong></li>
        <ul>
            <li style="margin-bottom: 15px"><strong>FRERE - SOEUR 1 :</strong></li>
            <div style="margin-bottom: 15px">
                <label>Nom :</label>
                <input type="text" name="nomFrere1">
            </div>
            <div style="margin-bottom: 15px">
                <label>Prénom :</label>
                <input type="text" name="prenomFrere1">
            </div>
            <div style="margin-bottom: 15px">
                <label>Date de naissance :</label>
                <input type="text" name="dateNaissanceFrere1">
            </div>
            <li style="margin-bottom: 15px"><strong>FRERE - SOEUR 2 :</strong></li>
            <div style="margin-bottom: 15px">
                <label>Nom :</label>
                <input type="text" name="nomFrere2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Prénom :</label>
                <input type="text" name="prenomFrere2">
            </div>
            <div style="margin-bottom: 15px">
                <label>Date de naissance :</label>
                <input type="text" name="dateNaissanceFrere2">
            </div>
        </ul>
        <li style="margin-bottom: 15px"><strong>PAIEMENT</strong></li>
        <div style="margin-bottom: 15px">
            <label>Mode Paiement :<br></label>
        {% for modePaiement in modesPaiement %}
            <label>{{ modePaiement }}</label>
            <input type="radio" id="{{ modePaiement }}" name="modePaiement" value="{{ modePaiement }}">
        {% endfor %}
        </div>
    </ul>
    <input  class="btn" type="submit" value="Valider" name="valider">
    {% endwith %}
</form>
{% endblock %}