{% extends 'EspaceEtudiant/base_etudiant.html' %}
{% load static %}
{% block m-title %}Informations Personnelles{% endblock m-title %}
{% load widget_tweaks %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->

        <div class="container">

            <div class="card">
                <div class="card-header text-white" style="background: #21618C"><h3 class="card-title">INFORMATIONS PERSONNELLES</h3>
                    <a style="float:right;" class="btn btn-info btn-sm" href="{% url 'EspaceEtudiant:etudiant_profile_edit' %}"><i class="fa fa-pen"></i>&nbsp; Modifier</a>
                </div>
                <div class="card-body login-card-body">
                    <table class="table">
                        <tbody>
                            <tr>
                                <td style="width:200px;"><strong>NCE</strong></td>
                                <td>{{ etudiant.nce }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Nom</strong></td>
                                <td>{{ etudiant.nom }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Prénoms</strong></td>
                                <td>{{ etudiant.prenoms }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Sexe</strong></td>
                                <td>{{ etudiant.sexe }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Date de Naissance</strong></td>
                                <td>{{ etudiant.datenaiss|date:'d-m-Y' }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Lieu de naissance</strong></td>
                                <td>{{ etudiant.lieunaiss }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Téléphone</strong></td>
                                <td>{{ etudiant.phone }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Email</strong></td>
                                <td>{{ etudiant.email }}</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
              <!-- DONUT CHART --><!-- /.card -->


            <div class="card">
                <div class="card-header text-white" style="background: #21618C">
                    <h3 class="card-title">INFORMATIONS PARENTS/TUTEUR</h3>
                    <a style="float:right;" class="btn btn-info btn-sm" href="{% url 'EspaceEtudiant:etudiant_profile_edit' %}"><i class="fa fa-pen"></i>&nbsp; Modifier</a>
                </div>
                <div class="card-body login-card-body">
                    <table class="table">
                        <tbody>
                            <tr>
                                <td style="width:200px;"><strong>Nom / Contact du Père</strong></td>
                                <td>{{ etudiant.nom_pere }} / {{ etudiant.contact_pere }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Nom / Contact de la Mère</strong></td>
                                <td>{{ etudiant.nom_mere }} / {{ etudiant.contact_mere }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Nom / Contact du Tuteur</strong></td>
                                <td>{{ etudiant.nom_tuteur }} / {{ etudiant.contact_tuteur }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Nom / Contact en cas d'urgence</strong></td>
                                <td>{{ etudiant.nom_urgence }} / {{ etudiant.contact_urgence }}</td>
                            </tr>
                            <tr>
                                <td style="width:200px;"><strong>Domicile du contact d'urgence</strong></td>
                                <td>{{ habitation_contact_urgence }}</td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>

        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}