{% trans_default_domain 'pdf' %}

{% macro children_render(children, formation, lesson, offset = 0, session = null) %}
    {% import _self as self %}
    {% for child in children %}
        {% set childType = getType(child) %}
        {% if isPhase(child) or childType == "App\\Entity\\Formation\\Exercise" or childType == "App\\Entity\\Formation\\ExerciseItem" %}
            {% if child.notation %}
                {% set notation = child.notation %}
            {% else %}
                {% if childType == 'App\\Entity\\Formation\\Exercise' %}
                    {% set notation = formation.exercisesNotation %}
                {% elseif isPhase(child) %}
                    {% set notation = formation.phasesNotation %}
                {% else %}
                    {% set notation = formation.exerciseDecompositionNotation %}
                {% endif %}
            {% endif %}
            {% if session is not null %}
                {% set value = getChildrenValue(child, session) %}
            {% endif %}
        {% endif %}
        <tr style="border-bottom: 1px solid lightgray; gap: 20px;">
            <th style="padding-left: {{ offset }}rem; width: 150px">
                {% if isPhase(child) %}
                    <div>{{ manageTEMs(child, session) }}</div>
                {% else %}
                    <div style="color: {{ child.isImportant is defined and child.isImportant ? '#007bff' : '' }}">{{ child.name }}</div>
                {% endif %}
                {% if child.description %}
                    <div>{{ child.description }}</div>
                {% endif %}
                {% if child.goals %}
                    <div>{{ child.goals }}</div>
                {% endif %}
            </th>
            <td style="{{ session is not null ? 'width: 250px' : '' }}">
                {% if notation is defined and notation is not null %}
                    <table style="border-spacing: 5px; border-collapse: separate; {{ session is not null ? 'width: 250px' : '' }}">
                        <tbody>
                        <tr>
                            {% for ratingValue in notation.ratingValues %}
                                <td style="width: 1rem; margin-right: 5px;">
                                    <div style="width: 1rem;
                                            height: 1rem;
                                            border: 2px solid {{ ratingValue.color }};
                                            border-radius: 50%;
                                            justify-content: center;
                                            background-color: {{ value is defined and value is not null and value.rate is not null and value.rate.value == ratingValue.value ? '#646464' : 'white' }}"
                                    />
                                </td>
                                <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                    class="helperText">
                                    {% if ratingValue.mediaValue is not empty %}
                                        <img height="32px" width="auto"
                                             src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                {# DEBUG #}
                                                {#                                             src="{{ ratingValue.mediaValue.contentUrl }}" #}
                                             alt="note">
                                    {% else %}
                                        {{ ratingValue.value }}
                                    {% endif %}
                                </td>
                            {% endfor %}
                        </tr>
                        </tbody>
                    </table>
                {% endif %}
            </td>

            {% if formation.exercisesNotationReason is defined and formation.exercisesNotationReason is not null and session is null %}
                <td>
                    {{ mapNotationReason(formation.exercisesNotationReason) }}
                </td>
            {% endif %}
        </tr>
        {% if isExercise(child) and formation.evaluateSkillsInExercises and child.skills.count > 0 %}
            {% for skill in child.skills %}
                {% if session is not null %}
                    {% set skillValue = getChildrenValue(child, session, skill) %}
                {% endif %}
                <tr style="border-bottom: 1px solid lightgray">
                    <th style="padding-left: {{ offset + 1 }}rem; {{ session is not null ? 'width: 150px;' : '' }}">
                        <div>{{ skill.name }} <span
                                    style="font-weight: normal; font-style: italic">({{ (skill.type == "technical" ? "compétence technique" : skill.type == "non technical" ? "compétence non technique" : "compétence ni technique ni non technique")|trans }})</span>
                        </div>
                        {% if skill.description %}
                            <div style="font-weight: normal;">{{ skill.description }}</div>
                        {% endif %}
                    </th>
                    <td style="{{ session is not null ? 'width: 250px;' : '' }}">
                        {% if formation.skillsNotation is defined and formation.skillsNotation is not null %}
                            <table style="border-spacing: 5px; border-collapse: separate; {{ session is not null ? 'width: 250px' : '' }}">
                                <tbody>
                                <tr>
                                    {% for ratingValue in formation.skillsNotation.ratingValues %}
                                        <td style="width: 1rem; margin-right: 5px;">
                                            <div style="width: 1rem;
                                                    height: 1rem;
                                                    border: 2px solid {{ ratingValue.color }};
                                                    border-radius: 50%;
                                                    justify-content: center;
                                                    background-color: {{ skillValue is defined and skillValue is not null and skillValue.notation.value == ratingValue.value ? '#646464' : 'white' }}"
                                            />
                                        </td>
                                        <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                            class="helperText">
                                            {% if ratingValue.mediaValue is not empty %}
                                                <img height="32px" width="auto"
                                                     src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                     alt="note">
                                            {% else %}
                                                {{ ratingValue.value }}
                                            {% endif %}
                                        </td>
                                    {% endfor %}
                                </tr>
                                </tbody>
                            </table>
                        {% endif %}
                    </td>
                    {% if formation.skillsNotationReason is defined and formation.skillsNotationReason is not null and session is null %}
                        <td>
                            {{ mapNotationReason(formation.skillsNotationReason) }}
                        </td>
                    {% endif %}
                </tr>
                {% if formation.evaluateSkillsIndicators and skill.ratingSystemIndicator and skill.details and skill.details.count > 0 %}
                    {% for detail in skill.details %}
                        {% if session is not null %}
                            {% set indicatorValue = getChildrenValue(child, session, skill, detail) %}
                        {% endif %}
                        <tr style="border-bottom: 1px solid lightgray">
                            <th style="padding-left: {{ offset + 2 }}rem; {{ session is not null ? 'width: 150px;' : '' }}">
                                <div>{{ detail.description }}</div>
                            </th>
                            <td style="{{ session is not null ? 'width: 250px;' : '' }}">
                                {% if formation.indicatorsNotation is defined and formation.indicatorsNotation is not null %}
                                    <table style="border-spacing: 5px; border-collapse: separate; {{ session is not null ? 'width: 250px' : '' }}">
                                        <tbody>
                                        <tr>
                                            {% for ratingValue in formation.indicatorsNotation.ratingValues %}
                                                <td style="width: 1rem; margin-right: 5px;">
                                                    <div style="width: 1rem;
                                                            height: 1rem;
                                                            border: 2px solid {{ ratingValue.color }};
                                                            border-radius: 50%;
                                                            justify-content: center;
                                                            background-color: {{ indicatorValue is defined and indicatorValue is not null and indicatorValue.notation.value == ratingValue.value ? '#646464' : 'white' }}"
                                                    />
                                                </td>
                                                <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                                    class="helperText">
                                                    {% if ratingValue.mediaValue is not empty %}
                                                        <img height="32px" width="auto"
                                                             src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                             alt="note">
                                                    {% else %}
                                                        {{ ratingValue.value }}
                                                    {% endif %}
                                                </td>
                                            {% endfor %}
                                        </tr>
                                        </tbody>
                                    </table>
                                {% endif %}
                            </td>

                            {% if formation.indicatorsNotationReason is defined and formation.indicatorsNotationReason is not null and session is null %}
                                <td>
                                    {{ mapNotationReason(formation.indicatorsNotationReason) }}
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                {% endif %}
            {% endfor %}
        {% endif %}
        {% if child.children.count > 0 %}
            {{ _self.children_render(child.children, formation, lesson, offset + (childType == "App\\Entity\\Formation\\Exercise" and formation.evaluateSkillsInExercises and child.skills.count > 0 ? formation.evaluateSkillsIndicators and skill.ratingSystemIndicator and skill.details and skill.details.count > 0 ? 3 : 2 : 1), session) }}
        {% endif %}
    {% endfor %}
{% endmacro %}

<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{% if session.lesson is not null %}{{ session.lesson.name }} {% else %}{{ session.lessonExtra.name }}{% endif %}</title>
</head>
<style>

    fieldset {
        border-color: #40e286;
        border-radius: 10px;
        margin: 0.5rem 0;
    }

    hr {
        height: 1px;
        background-color: #00ADC8;
        border: none;
    }

    fieldset legend {
        font-size: 1.2rem;
        color: #fe7800;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    li {
        margin: 0.5rem 0;
    }

    th, td {
        text-align: left;
    }

    table, tbody {
        width: 100%;
    }

    table {
        border-collapse: collapse;
    }

    .d-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
    }

    .gap-1 {
        gap: 1rem;
    }

    .flex-grow-1 {
        flex-grow: 1;
        -webkit-flex-grow: 1;
    }

    .justify-content-start {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .justify-content-end {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    .align-items-center {
        align-items: center;
        -webkit-align-items: center;
    }

    .col {
        /*flex: 1 0 0%;*/
        flex: 1 0 calc(0% - 10px);
        -webkit-flex: 1 0 calc(0% - 10px);
    }

    body {
        padding-top: 1rem;
    }

    span.space-before {
        font-weight: normal;
        margin-left: 3rem;
    }


</style>
<body>
<h1 style="color: #1e68ac">{% if session.lesson is not null %}{{ session.lesson.name }} {% else %}{{ session.lessonExtra.name }}{% endif %}</h1>
<hr color="">
<fieldset class="document-section">
    <legend align="left">
        {{ "Informations générales"|trans }}
    </legend>
    <ul>
        <li>
            <span>Instructeur:</span> {{ session.instructor.user.firstname|capitalize }} {{ session.instructor.user.lastname|upper }}
            ({{ session.instructor.user.licenceNumber }})
        </li>
        <li>
            <span>Elève:</span> {{ session.studentSessions|map((studentSessions) =>"#{studentSessions.student.user.firstname|capitalize} #{studentSessions.student.user.lastname|upper}")|join(', ') }}
        </li>
        <li><span>Formation:</span> {{ session.formation.name }}</li>
        {% if parent|length > 0 %}
            {% if parent['ModulesGroup'] is defined %}
                <li><span>Groupe de module:</span> {{ parent['ModulesGroup'].name }}</li>
            {% endif %}
            {% if parent['Module'] is defined %}
                <li><span>Module:</span> {{ parent['Module'].name }}</li>
            {% endif %}
        {% endif %}
        {% if session.lesson is not null %}
            <li>
                <span>Leçon:</span> {{ session.lesson.name }} {% if session.lesson.isTheoretical %} ({{ "Théorique"|trans }}) {% endif %}
            </li>
        {% else %}
            {% set lessonLabel = session.formation.ato.dictionary.lesson.label %}
            <li>
                <span>Leçon:</span> {{ session.lessonExtra.name }} {{ "(extra)" | trans }} -
                {% if session.lessonExtra.isTest %}
                    {{ lessonLabel }} {{ "de test"|trans }}
                {% elseif session.lessonExtra.lesson is not null %}
                    {{ lessonLabel }} {{ "dupliqué"|trans }}
                {% else %}
                    {{ lessonLabel }} {{ "supplémentaire"|trans }}
                {% endif %}
            </li>
            <li><span>{{ "Objectifs"|trans }}:</span> {{ session.lessonExtra.goals }}</li>
            <li><span>{{ "Description"|trans }}:</span> {{ session.lessonExtra.description }}</li>
        {% endif %}
    </ul>
</fieldset>
{% if session.lesson is not null and (session.lesson.description or session.lesson.goals) %}
    <table>
        <tbody>
        <tr>
            {% if session.lesson.description %}
                <td class="col">
                    <fieldset>
                        <legend>{{ "Description de la leçon"|trans }}</legend>
                        {{ session.lesson.description|raw }}
                    </fieldset>
                </td>
            {% endif %}
            {% if session.lesson.goals %}
                <td class="col">
                    <fieldset>
                        <legend>{{ "Objectifs de la leçon"|trans }}</legend>
                        {{ session.lesson.goals|raw }}
                    </fieldset>
                </td>
            {% endif %}
        </tr>
        </tbody>
    </table>
{% endif %}

<fieldset class="document-section">
    <legend align="left">
        {{ "Durées et indicateurs de la leçon"|trans }}
    </legend>
    <fieldset class="document-section">
        <legend>{{ "Durées"|trans }}</legend>
        <table>
            <tbody>
            {% if session.formation.duration or session.formation.standardDuration %}
                <tr>
                    <td>
                        <ul>
                            <li>
                                <span>{{ (session.formation.duration ? "Durée estimée de la formation" : "Durée standard de la formation")|trans }}: {{ (session.formation.duration ?? session.formation.standardDuration)|date("i:s") }}</span>
                            </li>
                        </ul>
                    </td>
                    {% if session.formation.duration or session.formation.standardDuration %}
                        <td>
                            <ul>
                                <li><span>
                                    {{ "Temps passé"|trans }}: {{ getSessionTotalTime(session)|date("i:s") }}
                                        {{ calculateTimeLeft(getSessionTotalTime(session), session.formation.duration ?? session.formation.standardDuration) }}
                                </span></li>
                            </ul>
                        </td>
                    {% endif %}
                </tr>
            {% endif %}

            <tr>
                <td>
                    <ul>
                        <li><span>{{ "Date de la leçon"|trans }}: {{ session.startAt|date("d/m/Y") }}</span></li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td>
                    <ul>
                        <li><span>{{ "Heure de début"|trans }}: {{ session.startAt|date("H:i") }}</span></li>
                    </ul>
                </td>
            </tr>

            {% if ((session.lesson is not null and not session.lesson.isTheoretical) or session.lessonExtra is not null) and (session.formation.timeBlocManagement or session.formation.flightTimeManagment) %}
                <tr>
                    {% if session.formation.timeBlocManagement %}
                        <td>
                            <ul>
                                <li><span>{{ "Heure de début temps bloc"|trans }}:</span></li>
                                <li><span>{{ "Heure de fin temps bloc"|trans }}:</span></li>
                            </ul>
                        </td>
                    {% endif %}
                    {% if session.formation.flightTimeManagment %}
                        <td>
                            <ul>
                                <li><span>{{ "Heure de début temps de vol"|trans }}:</span></li>
                                <li><span>{{ "Heure de fin temps de vol"|trans }}:</span></li>
                            </ul>
                        </td>
                    {% endif %}
                </tr>
            {% endif %}

            {% if session.lesson is not null and (session.lesson.expectedDuration > 0 or session.lesson.standardDuration > 0 or session.lesson.maxDuration > 0) %}
                <tr>
                    {% if session.lesson.expectedDuration > 0 %}
                        <td><strong>{{ "Durée estimée"|trans }}
                                :</strong> {{ session.lesson.expectedDuration|date("i:s") }}</td>
                    {% endif %}
                    {% if session.lesson.standardDuration > 0 %}
                        <td><strong>{{ "Durée standard"|trans }}
                                :</strong> {{ session.lesson.standardDuration|date("i:s") }}</td>
                    {% endif %}
                    {% if session.lesson.maxDuration > 0 %}
                        <td><strong>{{ "Durée maximum"|trans }}:</strong> {{ session.lesson.maxDuration|date("i:s") }}
                        </td>
                    {% endif %}
                </tr>
            {% endif %}
            </tbody>
        </table>
    </fieldset>
    {% if session.counters.count > 0 %}
        <fieldset class="document-section">
            <legend>{{ "Indicateurs"|trans }}</legend>
            <ul>
                {% for counter in (session.lessonExtra is not null ? session.lessonExtra.counters : session.lesson.counters)|sort((a, b) => b.specificOptions <=> a.specificOptions) %}
                    <li>
                        <span>{{ getCounterLabel(counter, specificCounters) }}: {{ getCounterValue(counter) }}</span>
                    </li>
                {% endfor %}
            </ul>
        </fieldset>
    {% endif %}
</fieldset>
{% if session.lesson is not null and session.lesson.children.count > 0 %}
    <fieldset class="document-section">
        <legend align="left">
            {{ "Contenu de la leçon"|trans }}
        </legend>
        <table style="border-spacing: 20px 5px; border-collapse: separate;">
            <tbody>
            {{ _self.children_render(session.lesson.children, session.formation, session.lesson, 0, session) }}
            </tbody>
        </table>
    </fieldset>

    <fieldset class="document-section">
        <legend align="left">
            {{ "Évaluation de la {lessonLabel}"|trans({'{lessonLabel}': singularize(session.formation.ato.dictionary["lesson"]['label']|lower)}) }}
        </legend>

        <table style="border-spacing: 20px 5px; border-collapse: separate;">
            <tbody>
            {% set formation = session.formation %}
            {% if session.lesson.notation %}
                {% set notation = session.lesson.notation %}
            {% else %}
                {% set notation = formation.lessonNotation %}
            {% endif %}

            <tr style="border-bottom: 1px solid lightgray; gap: 20px;">
                <th style="padding-left: 0rem; width: 32px;">
                    <div>{{ session.lesson.name }}</div>
                    {% if session.lesson.description %}
                        <div>{{ session.lesson.description }}</div>
                    {% endif %}
                    {% if session.lesson.goals %}
                        <div>{{ session.lesson.goals }}</div>
                    {% endif %}
                </th>
                <td style="width: 250px">
                    {% if notation is defined and notation is not null %}
                        <table style="border-spacing: 5px; border-collapse: separate; width: 250px;">
                            <tbody>
                            <tr>
                                {% for ratingValue in notation.ratingValues %}
                                    <td style="width: 1rem; margin-right: 5px;">
                                        <div style="width: 1rem;
                                                height: 1rem;
                                                border: 2px solid {{ ratingValue.color }};
                                                border-radius: 50%;
                                                justify-content: center;
                                                background-color: {{ value is defined and value is not null and value.rate is not null and value.rate.value == ratingValue.value ? '#646464' : 'white' }}"
                                        />
                                    </td>
                                    <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                        class="helperText">
                                        {% if ratingValue.mediaValue is not empty %}
                                            <img height="32px" width="auto"
                                                 src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                    {# DEBUG #}
                                                    {#                                             src="{{ ratingValue.mediaValue.contentUrl }}" #}
                                                 alt="note">
                                        {% else %}
                                            {{ ratingValue.value }}
                                        {% endif %}
                                    </td>
                                {% endfor %}
                            </tr>
                            </tbody>
                        </table>
                    {% endif %}
                </td>
            </tr>

            {# TODO Factoriser avec les exercises sur la macro tout en haut du fichier #}
            {% if formation.evaluateSkillsInLessons and formation.skills.count > 0 %}
                {% for skill in formation.skills %}
                    <tr style="border-bottom: 1px solid lightgray">
                        <th style="padding-left: 1rem; width: 250px;">
                            <div>{{ skill.name }} <span
                                        style="font-weight: normal; font-style: italic">({{ (skill.type == "technical" ? "compétence technique" : skill.type == "non technical" ? "compétence non technique" : "compétence ni technique ni non technique")|trans }})</span>
                            </div>
                            {% if skill.description %}
                                <div style="font-weight: normal;">{{ skill.description }}</div>
                            {% endif %}
                        </th>
                        <td style="width: 250px;">
                            {% if formation.skillsLessonNotation is defined and formation.skillsLessonNotation is not null %}
                                <table style="border-spacing: 5px; border-collapse: separate; width: 250px;">
                                    <tbody>
                                    <tr>
                                        {% for ratingValue in formation.skillsLessonNotation.ratingValues %}
                                            <td style="width: 1rem; margin-right: 5px;">
                                                <div style="width: 1rem;
                                                        height: 1rem;
                                                        border: 2px solid {{ ratingValue.color }};
                                                        border-radius: 50%;
                                                        justify-content: center;"
                                                />
                                            </td>
                                            <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                                class="helperText">
                                                {% if ratingValue.mediaValue is not empty %}
                                                    <img height="32px" width="auto"
                                                         src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                         alt="note">
                                                {% else %}
                                                    {{ ratingValue.value }}
                                                {% endif %}
                                            </td>
                                        {% endfor %}
                                    </tr>
                                    </tbody>
                                </table>
                            {% endif %}
                        </td>
                        {% if formation.skillsLessonNotationReason is defined and formation.skillsLessonNotationReason is not null %}
                            <td>
                                {{ mapNotationReason(formation.skillsLessonNotationReason) }}
                            </td>
                        {% endif %}
                    </tr>
                    {% if formation.evaluateSkillsIndicatorsInLessons and skill.ratingSystemIndicator and skill.details and skill.details.count > 0 %}
                        {% for detail in skill.details %}
                            <tr style="border-bottom: 1px solid lightgray">
                                <th style="padding-left: 2rem; width: 200px;">
                                    <div>{{ detail.description }}</div>
                                </th>
                                <td style="{{ session is not null ? 'width: 250px;' : '' }}">
                                    {% if formation.indicatorsLessonNotation is defined and formation.indicatorsLessonNotation is not null %}
                                        <table style="border-spacing: 5px; border-collapse: separate; width: 250px;">
                                            <tbody>
                                            <tr>
                                                {% for ratingValue in formation.indicatorsLessonNotation.ratingValues %}
                                                    <td style="width: 1rem; margin-right: 5px;">
                                                        <div style="width: 1rem;
                                                                height: 1rem;
                                                                border: 2px solid {{ ratingValue.color }};
                                                                border-radius: 50%;
                                                                justify-content: center;"
                                                        />
                                                    </td>
                                                    <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                                        class="helperText">
                                                        {% if ratingValue.mediaValue is not empty %}
                                                            <img height="32px" width="auto"
                                                                 src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                                 alt="note">
                                                        {% else %}
                                                            {{ ratingValue.value }}
                                                        {% endif %}
                                                    </td>
                                                {% endfor %}
                                            </tr>
                                            </tbody>
                                        </table>
                                    {% endif %}
                                </td>

                                {% if formation.indicatorsLessonNotationReason is defined and formation.indicatorsLessonNotationReason is not null %}
                                    <td>
                                        {{ mapNotationReason(formation.indicatorsLessonNotationReason) }}
                                    </td>
                                {% endif %}
                            </tr>
                        {% endfor %}
                    {% endif %}
                {% endfor %}
            {% endif %}
            </tbody>
        </table>
    </fieldset>
{% endif %}
{% if session.lessonExtra is not null and session.lessonExtra.children.count > 0 %}
    <fieldset class="document-section">
        <legend align="left">
            {{ "Contenu de la leçon extra"|trans }}
        </legend>
        <table style="border-spacing: 20px 5px; border-collapse: separate;">
            <tbody>
            {{ _self.children_render(session.lessonExtra.children, session.formation, session.lessonExtra, 0, session) }}
            </tbody>
        </table>
    </fieldset>

    <fieldset class="document-section">
        <legend align="left">
            {{ "Évaluation de la {lessonLabel} extra"|trans({'{lessonLabel}': singularize(session.formation.ato.dictionary["lesson"]['label']|lower)}) }}
        </legend>

        <table style="border-spacing: 20px 5px; border-collapse: separate;">
            <tbody>
            {% set formation = session.formation %}
            {% if session.lessonExtra.lesson and session.lessonExtra.lesson.notation %}
                {% set notation = session.lessonExtra.lesson.notation %}
            {% else %}
                {% set notation = formation.lessonNotation %}
            {% endif %}

            <tr style="border-bottom: 1px solid lightgray; gap: 20px;">
                <th style="padding-left: 0rem; width: 32px;">
                    <div>{{ session.lessonExtra.name }}</div>
                </th>
                <td style="width: 250px">
                    {% if notation is defined and notation is not null %}
                        <table style="border-spacing: 5px; border-collapse: separate; width: 250px;">
                            <tbody>
                            <tr>
                                {% for ratingValue in notation.ratingValues %}
                                    <td style="width: 1rem; margin-right: 5px;">
                                        <div style="width: 1rem;
                                                height: 1rem;
                                                border: 2px solid {{ ratingValue.color }};
                                                border-radius: 50%;
                                                justify-content: center;
                                                background-color: {{ value is defined and value is not null and value.rate is not null and value.rate.value == ratingValue.value ? '#646464' : 'white' }}"
                                        />
                                    </td>
                                    <td style="width: 7%; font-size: 1rem; color: {{ ratingValue.color }}; padding-right: 0"
                                        class="helperText">
                                        {% if ratingValue.mediaValue is not empty %}
                                            <img height="32px" width="auto"
                                                 src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                    {# DEBUG #}
                                                    {#                                             src="{{ ratingValue.mediaValue.contentUrl }}" #}
                                                 alt="note">
                                        {% else %}
                                            {{ ratingValue.value }}
                                        {% endif %}
                                    </td>
                                {% endfor %}
                            </tr>
                            </tbody>
                        </table>
                    {% endif %}
                </td>
            </tr>
            </tbody>
        </table>
    </fieldset>
{% endif %}
{% if session.additionalItems.count > 0 %}
    <fieldset class="document-section">
        <legend align="left">
            {{ "Exercices additionels de la leçon"|trans }}
        </legend>
        <table>
            <tbody>
            {% for additionalItem in session.additionalItems %}
                {% set childType = getType(additionalItem.formationItem) %}
                {% if getType(additionalItem.formationItem) == "App\\Entity\\Formation\\Exercise" or getType(additionalItem.formationItem) == "App\\Entity\\Formation\\ExerciseItem" %}
                    {% if additionalItem.formationItem.notation %}
                        {% set notation = additionalItem.formationItem.notation %}
                    {% else %}
                        {% if getType(additionalItem.formationItem) == 'App\\Entity\\Formation\\Exercise' %}
                            {% set notation = session.formation.exercisesNotation %}
                        {% else %}
                            {% set notation = session.formation.exerciseDecompositionNotation %}
                        {% endif %}
                    {% endif %}
                {% endif %}
                <tr style="border-bottom: 1px solid lightgray">
                    <th style="padding-left: 0rem">
                        <div>{{ additionalItem.formationItem.name }}</div>
                        {% if additionalItem.formationItem.description %}
                            <div>{{ additionalItem.formationItem.description }}</div>
                        {% endif %}
                        {% if additionalItem.formationItem.goals %}
                            <div>{{ additionalItem.formationItem.goals }}</div>
                        {% endif %}
                    </th>
                    {% if notation is defined and notation is not null %}
                        <td style="text-align: right;">
                            <div class="d-flex justify-content-end" style="text-align: right">
                                {% for ratingValue in notation.ratingValues %}
                                    <div style="margin: 0 0.5rem;" class="d-flex">
                                        {% if ratingValue.value is not empty %}
                                            <div class="modernRadioContainerStyle d-flex align-items-center"
                                                 style="position: relative;">
                                                <div class="radioOuterCircle d-flex align-items-center"
                                                     style="width: 1rem; height: 1rem; border: 2px solid {{ ratingValue.color }};
                                                             border-radius: 50%;
                                                             justify-content: center;
                                                             margin-right: 5px;">
                                                    <div style="width: 0; height: 0; border-radius: 50%; background-color: {{ ratingValue.color }}"></div>
                                                </div>
                                                <div style="font-size: 1rem;
                                                        color: {{ ratingValue.color }};
                                                        padding-right: 0" class="helperText">{{ ratingValue.value }}
                                                </div>
                                            </div>
                                        {% else %}
                                            <img height="32px" width="auto"
                                                 src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                                 alt="note">
                                        {% endif %}
                                    </div>
                                {% endfor %}
                            </div>
                        </td>
                    {% else %}
                        <td></td>
                    {% endif %}
                    </th>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </fieldset>
{% endif %}
{% if session.lesson is not null and (session.lesson.technicalSkills.count > 0 or session.lesson.notTechnicalSkill.count > 0) %}
    <fieldset>
        <legend>{{ "Compétences techniques et non techniques"|trans }}</legend>
        {% if session.lesson.technicalSkills.count > 0 %}
            <fieldset>
                <legend>{{ "Compétences techniques" |trans }}</legend>
                <ul>
                    {% for skill in session.lesson.technicalSkills %}
                        <li class="d-flex">
                            <span>{{ skill.name }}:</span>
                            {% if skill.ratingSystem is not null %}
                                <div class="d-flex justify-content-end" style="text-align: right">
                                    {% for ratingValue in skill.ratingSystem.ratingValues %}
                                        <div style="margin: 0 0.5rem">
                                            <div class="modernRadioContainerStyle d-flex align-items-center"
                                                 style="position: relative;">
                                                <div class="radioOuterCircle d-flex align-items-center"
                                                     style="width: 1rem; height: 1rem; border: 2px solid {{ ratingValue.color }};
                                                             border-radius: 50%;
                                                             justify-content: center;
                                                             margin-right: 5px;">
                                                    <div style="width: 0; height: 0; border-radius: 50%; background-color: {{ ratingValue.color }}"></div>
                                                </div>
                                                <div style="font-size: 1rem;
                                                        color: {{ ratingValue.color }};
                                                        padding-right: 0"
                                                     class="helperText">{{ ratingValue.value }}</div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <td>{{ "Non notée" | trans }}</td>
                            {% endif %}
                        </li>
                    {% endfor %}
                </ul>
            </fieldset>
        {% endif %}
        {% if session.lesson.notTechnicalSkill.count > 0 %}
            <fieldset>
                <legend>{{ "Compétences non techniques" |trans }}</legend>
                <ul>
                    {% for skill in session.lesson.notTechnicalSkill %}
                        <li class="d-flex">
                            <span>{{ skill.name }}:</span>
                            {% if skill.ratingSystem is not null %}
                                <div class="d-flex justify-content-end" style="text-align: right">
                                    {% for ratingValue in skill.ratingSystem.ratingValues %}
                                        <div style="margin: 0 0.5rem">
                                            <div class="modernRadioContainerStyle d-flex align-items-center"
                                                 style="position: relative;">
                                                <div class="radioOuterCircle d-flex align-items-center"
                                                     style="width: 1rem; height: 1rem; border: 2px solid {{ ratingValue.color }};
                                                             border-radius: 50%;
                                                             justify-content: center;
                                                             margin-right: 5px;">
                                                    <div style="width: 0; height: 0; border-radius: 50%; background-color: {{ ratingValue.color }}"></div>
                                                </div>
                                                <div style="font-size: 1rem;
                                                        color: {{ ratingValue.color }};
                                                        padding-right: 0"
                                                     class="helperText">{{ ratingValue.value }}</div>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            {% else %}
                                <td>{{ "Non notée" | trans }}</td>
                            {% endif %}
                        </li>
                    {% endfor %}
                </ul>
            </fieldset>
        {% endif %}
    </fieldset>

{% endif %}
{% if session.lesson is not null %}
    {% set notations = get_notations(session.lesson.children, session.formation, session.lesson) %}
{% else %}
    {% set notations = get_notations(session.lessonExtra.children, session.formation, session.lessonExtra.lesson ? session.lessonExtra.lesson : null) %}
{% endif %}
{% if notations is not empty %}
    <fieldset class="document-section">
        <legend align="left">
            {{ "Correspondance des notes"|trans }}
        </legend>
        {% for notation in distinctArray(notations) %}
            {% if notation %}
                <div>
                    <ul>
                        {% for ratingValue in notation.ratingValues %}
                            <li>
                                {% if ratingValue.mediaValue is not empty %}
                                    <img height="32px" width="auto" style="vertical-align: middle"
                                         src="{{ pathToPublic ~ vich_uploader_asset(ratingValue.mediaValue, 'file') }}"
                                            {# DEBUG #}
                                            {#                                             src="{{ ratingValue.mediaValue.contentUrl }}" #}
                                         alt="note">
                                {% endif %}

                                <span style="vertical-align: middle; font-weight: bold;">{{ ratingValue.value }}</span>
                                <span style="vertical-align: middle; margin-left: 20px;">{{ ratingValue.description }}</span>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
        {% endfor %}
    </fieldset>
{% endif %}
</body>
</html>