{% set title, page_active, page_categorie = 'Tableau de bord', 'application', 'tableau_de_bord' %}

{% extends 'base_admin.html.twig' %}
{% block title %}{{ title }}{% endblock %}
{% block title_1 %}{{ title }}{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title text-primary">Information Elève</h3>
        </div>
        <!-- /.card-header -->
          <div class="card-body">
            <div class="row">
              <label for="inputEmail3" class="col-sm-5 col-form-label">Nom(s)</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.nom }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Prénom(s)</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.prenom }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Sexes</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.sexe }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Date de naissance</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.dateNaissance ? apprenant.dateNaissance|date('Y-m-d') : '' }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Adress</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.adresse }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Contact</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.contact }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Email</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.email }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Lien Facebook</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.compteFacebook }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Nom père</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.pere }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Profession père</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.pereProfession }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Contact père</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.pereContact }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Nom mère</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.mere }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Profession mère</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.mereProfession }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Contact mère</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.mereContact }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Nom tuteur</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.tuteur }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Profession tuteur</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.tuteurProfession }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Contact tuteur</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.tuteurContact }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Handicap</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.handicap }}</span>
              </div>
            </div>
            <div class="row">
              <label for="inputPassword3" class="col-sm-5 col-form-label">Etablissement d'origine</label>
              <div class="col-sm-5 row align-items-center">
                <span>: {{ apprenant.etablissementOrigine }}</span>
              </div>
            </div>
          </div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title text-primary">Classe</h3>
        </div>
        <div class="card-body">
          {{ include('inscription/_form.html.twig') }}
        </div>
        <!-- /.card-header -->
        <!-- form start -->
    </div>
  </div>
{% endblock %}
{% block javascripts %}
  <script>
    var $inscription_type2_optionCatClasse = $('#inscription_type2_optionCatClasse');
    var $inscription_type2_categorieClasse = $('#inscription_type2_categorieClasse');
    // When sport gets selected ...
    $inscription_type2_optionCatClasse.change(function() {
      var id = $(this).find(':selected')[0].value;
      loadCatClasse(id);
    });

    $inscription_type2_categorieClasse.change(function() {
      var id = $(this).find(':selected')[0].value;
      loadClasse(id);
    });

    function loadCatClasse(id) {
      $.ajax({
        url : '/categorie/classe/get/option/' + id,
        type: 'get',
        dataType: 'json',
        success: function(response) {
          $('#inscription_type2_categorieClasse option:gt(0)').remove();
          $('#inscription_type2_classe option:gt(0)').remove();
          $.each(response, function(key,value) {
            $('#inscription_type2_categorieClasse')
                    .append($("<option></option>")
                            .attr("value",value.id)
                            .text(value.nom));
          });
        },
        error: function (ajaxContext) {
          $('#inscription_type2_categorieClasse option:gt(0)').remove();
          console.log(ajaxContext);
        }
      });
    }

    function loadClasse(id) {
      $.ajax({
        url : '/classe/get/categorie/classe/' + id,
        type: 'get',
        dataType: 'json',
        success: function(response) {
          $('#inscription_type2_classe option:gt(0)').remove();
          $.each(response, function(key,value) {
            $('#inscription_type2_classe')
                    .append($("<option></option>")
                            .attr("value",value.id)
                            .text(value.nom));
          });
        },
        error: function (ajaxContext) {
          $('#inscription_type2_classe option:gt(0)').remove();
          console.log(ajaxContext);
        }
      });
    }
  </script>
{% endblock %}