{% set title, page_active, page_categorie = '', '', '' %}

{% extends 'base.html.twig' %}

{% block title %}Fiche Etudiant{% endblock %}

{% block body%}

<div class="content-wrapper">
  <!-- Content Header (Page header) -->

    <div class="container-fluid">

      <div class="content-header">
          <div class="row">
            <div class="col-sm-12">
              <h1 class="m-0 text-dark">Fiche Etudiant | <span class="">Rankoto</span></h1>
            </div><!-- /.col -->
            <!-- /.col -->
          </div><!-- /.row -->
      </div>
      <div class="content">
        <div class="container-fluid">
          <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="custom-content-below-home-tab" data-toggle="pill" href="#custom-content-below-home" role="tab" aria-controls="custom-content-below-home" aria-selected="true">Présentation général</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="custom-content-below-profile-tab" data-toggle="pill" href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Information familliale</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="custom-content-below-messages-tab" data-toggle="pill" href="#custom-content-below-messages" role="tab" aria-controls="custom-content-below-messages" aria-selected="false">Information scolaire et cursus</a>
            </li>
          </ul>
          
          <div class="tab-content" id="custom-tabs-two-tabContent">

            <div class="tab-pane fade active show" id="custom-content-below-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
              <!-- Main content -->
              <div class="content pt-2">
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="card">    
                        <div class="card-header">
                          <h3 class="card-title text-primary">Information Général</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Nom(s)</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Prénom(s)</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Sexes</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Date de naissance</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                      <div class="card">    
                        <div class="card-header">
                          <h3 class="card-title text-primary">Adresses et contact</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Adresse</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Contact</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Email</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Lien Facebook</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>

                      <div class="card">    
                        <div class="card-header">
                          <h3 class="card-title text-primary">Santé</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Handicap Physique</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>

                      <div class="card">    
                        <div class="card-header">
                          <h3 class="card-title text-primary">Autre</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Etablissement d'origine</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div> 
                    </div>

          {# -------------------------------------------------------------------------------------------------------------------------  

          #}
                    <div class="col-lg-6">
                      <div class="card"> 
                        <div class="card-header">
                          <div class="container">
                            <div class="row justify-content-center">
                                <div class="">
                                  <h3 class="card-title text-primary ">Photo d'indentité</h3>
                                </div>
                              </div>
                            </div>
                          </div>
                        
                        
                        <!-- /.card-header -->
                        <!-- form start -->
                        
                        <div class="card-body box-profile">
                          <div class="text-center">
                            <i class="far fa fa-user fa-10x text-secondary"></i>
                          </div>
                        </div>
                        <!-- /.card-body -->
                      
                      </div>
                      <div class="card">    
                        <div class="card-header">
                          <div class="container">
                            <div class="row justify-content-center">
                              <h3 class="card-title text-primary">Information scolaire</h3>
                            </div>
                          </div>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Numero Matricule</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Numero d'inscription</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Classe actuelle</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Redoublant</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Jour de payement de frais d'étude</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>

                      
                    
                    
                    </div>
                  <!-- /.row -->
              <!-- /.content -->
                  
                </div> 
              </div>
            </div>
            <div class="tab-pane fade" id="custom-content-below-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
                
              <div class="content pt-2"> 
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="card">    
                        <div class="card-header">
                          <div class="container">
                            <div class="row justify-content-center">
                              <h3 class="card-title text-primary">Parents et Tuteur</h3>
                            </div>
                          </div>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Nom du père</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Profession du père</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Nom de la mère</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Profession de la mère</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Nom du Tuteur</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                            <div class="row">
                              <label for="inputPassword3" class="col-sm-6 col-form-label">Profession du Tuteur</label>
                              <div class="col-sm-4 row align-items-center">
                                <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>

  {# -------------------------------------------------------------------------------------------------------------------------  

  #}
                    <div class="col-lg-6">
                      <div class="card"> 
                        <div class="card-header">
                          <div class="container">
                            <div class="row justify-content-center">
                                <div class="">
                                  <h3 class="card-title text-primary ">Contact</h3>
                                </div>
                              </div>
                            </div>
                          </div>
                        
                        
                        <!-- /.card-header -->
                        <!-- form start -->
                        
                        <form class="form-horizontal">
                          <div class="card-body">
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Contact père</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                          
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Contact mère</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                          
                            <div class="row">
                              <label for="inputEmail3" class="col-sm-6 col-form-label">Contact Tuteur</label>
                              <div class="col-sm-4 row align-items-center">
                                  <span>: Wawa</span>
                              </div>
                            </div>
                          </div>
                        </form>
                        <!-- /.card-body -->
                      
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="tab-pane fade" id="custom-content-below-messages" role="tabpanel" aria-labelledby="custom-content-below-messages-tab">
              <div class="content pt-2"> 
                <div class="row">
                  <div class="col-lg-6">
                  <div class="card">    
                    <div class="card-header">
                      <div class="container">
                        <div class="row justify-content-center">
                          <h3 class="card-title text-primary">Informations scolaire</h3>
                        </div>
                      </div>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form class="form-horizontal">
                      <div class="card-body">
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Numéro matricule</label>
                          <div class="col-sm-4 row align-items-center">
                              <span>: Wawa</span>
                          </div>
                        </div>
                        <div class="row">
                          <label for="inputPassword3" class="col-sm-6 col-form-label">Numéro d'inscription</label>
                          <div class="col-sm-4 row align-items-center">
                              <span>: Wawa</span>
                          </div>
                        </div>
                        <div class="row">
                          <label for="inputPassword3" class="col-sm-6 col-form-label">Classe actuelle</label>
                          <div class="col-sm-4 row align-items-center">
                            <span>: Wawa</span>
                          </div>
                        </div>
                        <div class="row">
                          <label for="inputPassword3" class="col-sm-6 col-form-label">Redoublant</label>
                          <div class="col-sm-4 row align-items-center">
                            <span>: Wawa</span>
                          </div>
                        </div>
                        <div class="row">
                          <label for="inputPassword3" class="col-sm-6 col-form-label">Jour de payement de frais d'étude</label>
                          <div class="col-sm-4 row align-items-center">
                            <span>: Wawa</span>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <div class="card"> 
                    <div class="card-header">
                      <div class="container">
                        <div class="row justify-content-center">
                            <div class="">
                              <h3 class="card-title text-primary ">Retards</h3>
                            </div>
                          </div>
                        </div>
                      </div>
                      
                    
                    <!-- /.card-header -->
                    <!-- form start -->
                    
                    <form class="form-horizontal">
                      <div class="card-body">
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Nombre de retard de ce mois</label>
                          <div class="col-sm-4 row align-items-center">
                              <span>: 1</span>
                          </div>
                        </div>
                      
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Nombre de retard total</label>
                          <div class="col-sm-4 row align-items-center">
                              <span>: 2</span>
                          </div>
                        </div>
                      </div>
                    </form>
                    <!-- /.card-body -->
                  </div>

                  <div class="card">    
                    <div class="card-header">
                      <div class="container">
                        <div class="row justify-content-center">
                          <h3 class="card-title text-primary">Absences</h3>
                        </div>
                      </div>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form class="form-horizontal">
                      <div class="card-body">
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Nombre d'absences ce mois</label>
                            <div class="col-sm-6 row align-items-center">
                              <span>: 2</span>
                          </div>
                          
                        </div>
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Nombre d'absences total</label>
                          <div class="col-sm-6 row align-items-center">
                              <span>: 2</span>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  </div>
  {# -------------------------------------------------------------------------------------------------------------------------------           #}
                  <div class="col-lg-6">
                  <div class="card">    
                    <div class="card-header">
                      <div class="container">
                        <div class="row justify-content-center">
                          <h3 class="card-title text-primary">Cursus scolaire</h3>
                        </div>
                      </div>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <form class="form-horizontal">
                      <div class="card-body">
                        <div class="row">
                          <label for="inputEmail3" class="col-sm-6 col-form-label">Année scolaire</label>
                          <label for="inputEmail3" class="col-sm-4 col-form-label">Classe</label>
                        </div>
                        <div class="row">
                          <div class="col-sm-6">
                              <span>2019-2020</span>
                          </div>
                          <div class="col-sm-4">
                              <span>1ère Année BTP</span>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <div class="card">    
                    <div class="card-header">
                      <div class="container">
                        <div class="row justify-content-center">
                          <h3 class="card-title text-primary">Option d'application</h3>
                        </div>
                      </div>
                    </div>
                    <!-- /.card-header -->
                    <!-- form start -->
                    <div class="card-body">
                      <button type="button" class="btn btn-block btn-outline-danger">Note</button>
                      <button type="button" class="btn btn-block btn-outline-danger">Retard</button>
                      <button type="button" class="btn btn-block btn-outline-danger">Absences</button>
                      <button type="button" class="btn btn-block btn-outline-danger">Obtenir certificat de scolarité</button>
                    </div>
                  </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade" id="custom-content-below-settings" role="tabpanel" aria-labelledby="custom-content-below-settings-tab">
                Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis vulputate. Morbi euismod molestie tristique. Vestibulum consectetur dolor a vestibulum pharetra. Donec interdum placerat urna nec pharetra. Etiam eget dapibus orci, eget aliquet urna. Nunc at consequat diam. Nunc et felis ut nisl commodo dignissim. In hac habitasse platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis. 
            </div>
          </div>
        </div>
      </div>
            
            

    </div>
</div>

{% endblock %}