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

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

{% block title %}Enseignant{% 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">Enseignant | <span class="">Julles</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 scolaire</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-12">
                      <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="container">
                                <div class="row">
                                    <div class="col-lg-8">
                                        <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 class="row">
                                          <label for="inputPassword3" class="col-sm-6 col-form-label">Numéro de carte d'identité national(CIN)</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 du CIN</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">Lieu CIN</label>
                                          <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                          </div>
                                        </div>
                                    </div>
                                    <div class="row align-items-center">
                                        <div class="col-lg-4">
                                            <img src="/img/avatar3.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                        </form>
                      </div> 
                    </div>
                    <div class="col-lg-6">
                        <div class="card">    
                            <div class="card-header">
                                <h3 class="card-title text-primary">Information pédagogique</h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                            <form class="form-horizontal">
                                <div class="card-body">
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Numéro Autorisation d'enseigner(A.E)</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Date de l'A.E</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Année d'enseignement</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Année A.D.M</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Année P.A</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Statu</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Diplôme(s)</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Diplôme(s) pédagogique</label>
                                        <div class="col-sm-4 row align-items-center">
                                            <span>: Wawa</span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <label for="inputEmail3" class="col-sm-7 col-form-label">Spécialité</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">
                            <h3 class="card-title text-primary">Classe et matière</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                            <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <label for="inputEmail3" class="col-form-label">Matière</label>
                                    <div class="mt-2 mb-2">
                                        <span>Mathématique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Physique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>S.V.T</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Malagasy</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Français</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Anglais</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Histo-géo</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Phylosophie</span>
                                    </div>
                                    
                                </div>
                                <div class="col-sm-6">
                                    <label for="inputEmail3" class="col-form-label">Classe</label>
                                    <div class="mt-2 mb-2">
                                        <span>3M</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP2</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP3</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP1</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    
                                </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">
                            <h3 class="card-title text-primary">Classe et matière</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                            <div class="card-body">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="mt-2 mb-2 text-bold">
                                      Matières
                                    </h6>
                                    <div class="mt-2 mb-2">
                                        <span>Mathématique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Physique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>S.V.T</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Malagasy</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Français</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Anglais</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Histo-géo</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Phylosophie</span>
                                    </div>
                                    
                                </div>
                                <div class="col-sm-6">
                                    <h6 class="mt-2 mb-2 text-bold">
                                      Matières
                                    </h6>
                                    <div class="mt-2 mb-2">
                                        <span>3M</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP2</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP3</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP1</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>BTP</span>
                                    </div>
                                    
                                </div>
                            </div>
                            </div>
                        </form>
                      </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card">    
                        <div class="card-header">
                            <h3 class="card-title text-primary">Résumé pointage du mois</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form class="form-horizontal">
                            <div class="card-body">
                            <div class="row">
                                <div class="col-sm-4">
                                    <h6 class="mt-2 mb-2 text-bold">
                                      Matières
                                    </h6>
                                    <div class="mt-2 mb-2">
                                        <span>Mathématique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Physique</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>S.V.T</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Malagasy</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Français</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Anglais</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Histo-géo</span>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <span>Phylosophie</span>
                                    </div>
                                    
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="mt-2 mb-2 text-bold text-center">
                                      Classe
                                    </h6>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>3M</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP2</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP3</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP1</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>BTP</span>
                                    </div>
                                    
                                </div>
                                <div class="col-sm-4">
                                    <h6 class="mt-2 mb-2 text-bold text-center">
                                      Total d'heure
                                    </h6>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>2h</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h20</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h30</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h10</span>
                                    </div>
                                    <div class="mt-2 mb-2 text-center">
                                        <span>0h</span>
                                    </div>
                                </div>
                                <div class="card-body pb-0">
                                    <button type="button" class="btn btn-outline-primary">Plus de detail</button>
                                </div>
                            </div>
                            </div>
                        </form>
                        </div>
                    </div>
          {# -------------------------------------------------------------------------------------------------------------------------  

          #}
                    
                  <!-- /.row -->
              <!-- /.content -->
                  
                </div> 

              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
            
            

    </div>
</div>

{% endblock %}