{% extends "sco_page.html" %}

{% block styles %}
{{super()}}
<link rel="stylesheet" href="/ScoDoc/static/css/bulletin-but.css">
{% endblock %}

{% block app_content %}

<div class="wait"></div>
<main class="releve">
    <!--------------------------->
    <!-- Info. étudiant        -->
    <!--------------------------->
    <section class=etudiant>
        <img class=studentPic src="" alt="Photo de l'étudiant" width=100 height=120>
        <div class=infoEtudiant></div>
    </section>

    <!--------------------------->
    <!-- Semestre              -->
    <!--------------------------->
    <section>
        <h2>Semestre </h2>
        <div class=dateInscription>Inscrit le </div>
        <em>Les moyennes servent à situer l'étudiant dans la promotion et ne correspondent pas à des validations de
            compétences ou d'UE.</em>
        <div class=infoSemestre></div>
    </section>

    <!--------------------------->
    <!-- Synthèse              -->
    <!--------------------------->
    <section>
        <div>
            <div>
                <h2>Synthèse</h2>
                <em>La moyenne des ressources dans une UE dépend des poids donnés aux évaluations.</em>
            </div>
            <div class=CTA_Liste>
                Liste <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none"
                    stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M18 15l-6-6-6 6" />
                </svg>
            </div>
        </div>
        <div class=synthese></div>
    </section>

    <!--------------------------->
    <!-- Evaluations           -->
    <!--------------------------->
    <section>
        <div>
            <h2>Ressources</h2>
            <div class=CTA_Liste>
                Liste <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none"
                    stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M18 15l-6-6-6 6" />
                </svg>
            </div>
        </div>
        <div class=evaluations></div>
    </section>

    <section>
        <div>
            <h2>SAÉ</h2>
            <div class=CTA_Liste>
                Liste <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none"
                    stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M18 15l-6-6-6 6" />
                </svg>
            </div>
        </div>
        <div class=sae></div>
    </section>

</main>
{% endblock %}

{% block scripts %}
{{ super() }}
<script>
    let dataSrc = "{{bul_url|safe}}";
</script>
<script src="/ScoDoc/static/js/bulletin-but.js"></script>
{% endblock %}