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

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

{% block title %}Contacts enseignants{% endblock %}

{% block body%}

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Note | <span class="">Rankoto</span></h1>
                </div><!-- /.col -->
            </div>
        </div>
    </div>
    <div class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-sm-8">
                                    <ul class="ml-0 fa-ul">
                                        <li>Rankoto</li>
                                        <li>Classe de : 3G2</li>
                                        <li>N° LPJ000001</li>
                                    </ul>
                                </div>
                                <div class="col-sm-4">
                                    <div class="card mb-0">
                                        <div class="card-body">
                                            <span>Option :</span>
                                            <div class="mt-2">
                                                <button type="button" class="btn btn-primary">Ajouter note</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <div id="accordion">
                            <!-- we are adding the .class so bootstrap.js collapse plugin detects it -->
                                <div class="card card-light">
                                    <div class="card-header">
                                        <h4 class="card-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed" aria-expanded="false">
                                            <span class="m-0 text-primary">Trimetre 1 | </span>
                                            <span class="">Total note: 0.0 ,</span> 
                                            <span class="">Moyenne: 0.0 </span>
                                        </a>
                                        </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse in collapse" style="">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-bordered text-center table-sm ">
                                                    <thead>
                                                      <tr>
                                                        <th scope="col">MATIERES</th>
                                                        <th scope="col">Moys Ds</th>
                                                        <th scope="col">Examen</th>
                                                        <th scope="col">Moyenne</th>
                                                        <th scope="col">Coeff</th>
                                                        <th scope="col">Note Def</th>
                                                        <th scope="col">Note Maximal</th>
                                                        <th scope="col">Note sur 20</th>
                                                      </tr>
                                                    </thead>
                                                    <tbody>
                                                      <tr>
                                                        <th scope="row">Malagasy</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                      </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <h5 class="mt-3 mb-3">Information Elève</h5>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span>: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                                
                                        </div>
                                    </div>
                                </div>
                                <div class="card card-light">
                                    <div class="card-header">
                                        <h4 class="card-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed" aria-expanded="false">
                                            <span class="m-0 text-primary">Trimetre 2 | </span>
                                            <span class="">Total note: 0.0 ,</span> 
                                            <span class="">Moyenne: 0.0 </span>
                                        </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse" style="">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-bordered text-center table-sm ">
                                                    <thead>
                                                      <tr>
                                                        <th scope="col">MATIERES</th>
                                                        <th scope="col">Moys Ds</th>
                                                        <th scope="col">Examen</th>
                                                        <th scope="col">Moyenne</th>
                                                        <th scope="col">Coeff</th>
                                                        <th scope="col">Note Def</th>
                                                        <th scope="col">Note Maximal</th>
                                                        <th scope="col">Note sur 20</th>
                                                      </tr>
                                                    </thead>
                                                    <tbody>
                                                      <tr>
                                                        <th scope="row">Malagasy</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                      </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <h5 class="mt-3 mb-3">Information Elève</h5>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span>: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                                
                                        </div>
                                    </div>
                                </div>
                                <div class="card card-light">
                                    <div class="card-header">
                                        <h4 class="card-title">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTree" class="collapsed" aria-expanded="false">
                                            <span class="m-0 text-primary">Trimetre 3 | </span>
                                            <span class="">Total note: 0.0 ,</span> 
                                            <span class="">Moyenne: 0.0 </span>
                                        </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTree" class="panel-collapse collapse" style="">
                                        <div class="card-body">
                                            <div class="table-responsive">
                                                <table class="table table-bordered text-center table-sm ">
                                                    <thead>
                                                      <tr>
                                                        <th scope="col">MATIERES</th>
                                                        <th scope="col">Moys Ds</th>
                                                        <th scope="col">Examen</th>
                                                        <th scope="col">Moyenne</th>
                                                        <th scope="col">Coeff</th>
                                                        <th scope="col">Note Def</th>
                                                        <th scope="col">Note Maximal</th>
                                                        <th scope="col">Note sur 20</th>
                                                      </tr>
                                                    </thead>
                                                    <tbody>
                                                      <tr>
                                                        <th scope="row">Malagasy</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                        <th scope="row">1</th>
                                                      </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <h5 class="mt-3 mb-3">Information Elève</h5>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span>: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                            <div class="row ml-2">
                                                <div class="col-4">
                                                    <label for="">TOTAL COEFFICIEN</label>
                                                </div>
                                                <div class="col-2">
                                                    <span class="text-success">: 20</span>
                                                </div>
                                            </div>
                                                
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Content Header (Page header) -->
</div>

{% endblock %}