{% macro displaySession(studentSession, formation, specificCounters) %}
    {% import "Pdf/session.html.twig" as sessionItem %}
    {% set aircraft = studentSession.session.aircraft %}

    <div class="session-content">
        <h2 class="lesson-title"
            style="background-color: {{ formation.ato.dictionary['lesson']['bgColor'] }}; color: {{ formation.ato.dictionary['lesson']['color'] }}">
            {% set lessonLabel = studentSession.session.formation.ato.dictionary.lesson.label %}

            {{ lessonLabel }} {{ studentSession.session.lesson ? studentSession.session.lesson.name : studentSession.session.lessonExtra ? studentSession.session.lessonExtra.name ~ " - " : '' }}
            {% if studentSession.session.lessonExtra and studentSession.session.lessonExtra.isTest %}
                {{ lessonLabel }} {{ "de test"|trans }}
            {% elseif studentSession.session.lessonExtra and studentSession.session.lessonExtra.lesson is not null %}
                {{ lessonLabel }} {{ "dupliqué"|trans }}
            {% elseif studentSession.session.lessonExtra %}
                {{ lessonLabel }} {{ "supplémentaire"|trans }}
            {% endif %}
            {# Lesson ratings #}
            {% if (studentSession.session.lesson is not null and studentSession.session.lesson.notation is not null) or formation.lessonNotation is not null %}
                <span>|</span>
                {% for ratingValue in (studentSession.session.lesson is not null and studentSession.session.lesson.notation is not null ? studentSession.session.lesson.notation.ratingValues : formation.lessonNotation.ratingValues) %}
                    <span style="font-size: 17px; text-align: center; background-color: {{ (studentSession.session.lessonNotation and ratingValue.value == studentSession.session.lessonNotation.value) ? "lightgray" : "" }}; color: {{ ratingValue.color ?? "black" }}">
                        {% 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 %}
                    </span>
                {% endfor %}
            {% endif %}
        </h2>
        <fieldset>
            <legend>{{ "Informations" }}</legend>

            <table>
                <tr style="border: none;">
                    <td style="text-align: left; border-top: none; border-left: none; border-bottom: none;">
                        <div class="information-display">
                            <span>{{ "Date"|trans }}: </span>{{ studentSession.session.startAt | localizeddate('short', 'none') }}
                        </div>
                        <div class="information-display">
                            <span>{{ "Appareil"|trans }}: </span>{% if aircraft is not null %}{{ studentSession.session.aircraft.registration }}{% else %}{{ "Non défini"|trans }}{% endif %}
                        </div>
                        <div class="information-display">
                            <span>{{ "Instructeur"|trans }}: </span>{{ studentSession.session.instructor.user.completeName }}
                            - {{ studentSession.session.instructor.user.licenceNumber }}
                        </div>
                        {% if (studentSession.session.lessonExtra is not null ? studentSession.session.lessonExtra : studentSession.session.lesson).goals %}
                            <div class="information-display">
                                <span>{{ "Objectifs"|trans }}: </span>{{ (studentSession.session.lessonExtra is not null ? studentSession.session.lessonExtra : studentSession.session.lesson).goals }}
                            </div>
                        {% endif %}
                        {% if (studentSession.session.lessonExtra is not null ? studentSession.session.lessonExtra : studentSession.session.lesson).description %}
                            <div class="information-display">
                                <span>{{ "Description"|trans }}: </span>{{ (studentSession.session.lessonExtra is not null ? studentSession.session.lessonExtra : studentSession.session.lesson).description }}
                            </div>
                        {% endif %}
                    </td>

                    <td style="text-align: left; border: none; padding-left: 20px;">
                        <div class="information-display">
                            <span>{{ "Durée" | trans }}:</span>
                            {% if studentSession.session.sessionDuration %}
                                {{ studentSession.session.sessionDuration }}
                                {#                        {{ calculateTimeLeft(convertStringToMinute(studentSession.session.sessionDuration), studentSession.session.lesson ? studentSession.session.lesson.expectedDuration ?? studentSession.session.lesson.standardDuration : studentSession.session.sessionDuration) }} #}
                            {% else %}
                                {{ "Non défini" |trans }}
                            {% endif %}
                        </div>
                        <div class="information-display">
                            <span>{{ "Temps de bloc" | trans }}:</span>
                            {% if formation.timeBlocManagement %}
                                {{ convertMinuteToString(studentSession.session.blocTime) }}
                                {#                        {{ calculateTimeLeft(studentSession.session.blocTime, studentSession.session.lesson ? studentSession.session.lesson.expectedDuration ?? studentSession.session.lesson.standardDuration : studentSession.session.sessionDuration) }} #}
                            {% else %}
                                {{ "Non défini" |trans }}
                            {% endif %}
                        </div>
                        <div class="information-display">
                            <span>{{ "Temps de vol" | trans }}:</span>
                            {% if formation.flightTimeManagment %}
                                {{ convertMinuteToString(studentSession.session.flightTime) }}
                                {#                        {{ calculateTimeLeft(studentSession.session.flightTime, studentSession.session.lesson ? studentSession.session.lesson.expectedDuration ?? studentSession.session.lesson.standardDuration : studentSession.session.sessionDuration) }} #}
                            {% else %}
                                {{ "Non défini" |trans }}
                            {% endif %}
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>

        <table class="no-border">
            <tr class="no-border">
                <td class="no-border" style="text-align: left; padding: 0 30px 0 0">
                    <fieldset>
                        <legend>{{ "Départ" }}</legend>
                        <ul>
                            <li>
                                <span>{{ "Date et heure" }}: </span> {{ studentSession.session.startAt | date('d/m/Y h:i') }}
                            </li>
                            <li>
                                <span>{{ "Aérodrome" }}: {% if studentSession.session.departureAirport is not null %}</span> {{ studentSession.session.departureAirport.code }}{% endif %}
                            </li>
                        </ul>

                    </fieldset>
                </td>

                <td class="no-border" style="text-align: left; padding: 0 0 0 30px">
                    <fieldset>
                        <legend>{{ "Arrivée" }}</legend>
                        <ul>
                            <li>
                                <span>{{ "Date et heure" }}: </span> {{ studentSession.session.endAt | date('d/m/Y h:i') }}
                            </li>
                            <li>
                                <span>{{ "Aérodrome" }}: {% if studentSession.session.arrivalAirport is not null %}</span> {{ studentSession.session.arrivalAirport.code }}{% endif %}
                            </li>
                        </ul>
                    </fieldset>
                </td>
            </tr>
        </table>
        {% if studentSession.session.counters is not empty %}
            <fieldset>
                <legend>{{ "Indicateurs"|trans }}</legend>
                <ul>
                    {% for counter in studentSession.session.counters|sort((a, b) => b.specificOptions <=> a.specificOptions) %}
                        {% if (isCounterDisplayable(counter)) %}
                            <li>
                                <span>{{ getCounterLabel(counter, specificCounters) }}: </span> {{ getCounterValue(counter) }}
                                ({{ counter.isMandatory ? "Obligatoire" : "Non obligatoire"|trans }})
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
            </fieldset>

            <br>
        {% endif %}

        {% if studentSession.session.sessionSkills is not empty %}
            <fieldset>
                <legend>{{ "CT et CNT" }}</legend>
                <div class="d-flex">
                    <div class="col">
                        <h3>{{ "CT" | trans }}</h3>
                        <hr>
                        <ul>
                            {% for sessionSkill in studentSession.session.technicalSkills %}
                                <li>
                                    <span>{{ sessionSkill.skill.name }}{% if sessionSkill.note %}: {% endif %}</span> {{ sessionSkill.note ? sessionSkill.note.value : "" }}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                    <div class="col">
                        <h3>{{ "CNT" | trans }}</h3>
                        <hr>
                        <ul>
                            {% for sessionSkill in studentSession.session.notTechnicalSkills %}
                                <li>
                                    <span>{{ sessionSkill.skill.name }}{% if sessionSkill.note %}: {% endif %}</span> {{ sessionSkill.note ? sessionSkill.note.value : "" }}
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </fieldset>

            <br>
        {% endif %}

        <fieldset>
            <legend>{{ "Contenu de la séance"|trans }}</legend>
            {% if studentSession.session.lesson is not null %}
                <table style="border-spacing: 20px 5px; border-collapse: separate; width: 100%" class="no-border-items">
                    <tbody>
                    {{ sessionItem.children_render(studentSession.session.lesson.children, studentSession.session.formation, studentSession.session.lesson, 0, studentSession.session) }}
                    </tbody>
                </table>
            {% elseif studentSession.session.lessonExtra is not null %}
                <table style="border-spacing: 20px 5px; border-collapse: separate; width: 100%" class="no-border-items">
                    <tbody>
                    {{ sessionItem.children_render(studentSession.session.lessonExtra.children, studentSession.session.formation, studentSession.session.lessonExtra, 0, studentSession.session) }}
                    </tbody>
                </table>
            {% endif %}
        </fieldset>

        <br/>

        {% if studentSession.session.additionalItems is not empty %}
            {% set notations = get_notations(formation.children, formation) %}
            <fieldset>
                <legend>{{ "{exerciseLabel}s additionnels" | trans({'{exerciseLabel}': formation.ato.dictionary["exercise"]['label']}) }}</legend>

                <table style="border-spacing: 20px 5px; border-collapse: separate; width: 100%" class="no-border-items">
                    <tbody>
                    {% for additionalItem in studentSession.session.additionalItems %}
                        {% set childType = "App\\Entity\\Formation\\Exercise" %}
                        {% if additionalItem.formationItem.notation %}
                            {% set notation = additionalItem.formationItem.notation %}
                        {% else %}
                            {% set notation = formation.exercisesNotation %}
                        {% endif %}
                        <tr style="border-bottom: 1px solid lightgray; gap: 20px;">
                            <th style="width: 300px;">
                                <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>
                            <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: {{ additionalItem.rate is not null and additionalItem.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') }}"
                                                             alt="note">
                                                    {% else %}
                                                        {{ ratingValue.value }}
                                                    {% endif %}
                                                </td>
                                            {% endfor %}
                                        </tr>
                                        </tbody>
                                    </table>
                                {% endif %}
                            </td>
                        </tr>
                        {% if isExercise(additionalItem.formationItem) and formation.evaluateSkillsInExercises and additionalItem.formationItem.skills.count > 0 %}
                            {% for skill in additionalItem.formationItem.skills %}
                                {% set skillValue = get_skill_notation_value(additionalItem, skill) %}
                                <tr style="border-bottom: 1px solid lightgray">
                                    <th style="padding-left: 1rem; width: 300px;">
                                        <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.skillsNotation is defined and formation.skillsNotation is not null %}
                                            <table style="border-spacing: 5px; border-collapse: separate; 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>
                                </tr>
                                {% if formation.evaluateSkillsIndicators and skill.ratingSystemIndicator and skill.details and skill.details.count > 0 %}
                                    {% for detail in skill.details %}
                                        {% set indicatorValue = get_indicator_notation_value(additionalItem, detail) %}
                                        <tr style="border-bottom: 1px solid lightgray">
                                            <th style="padding-left: 2rem; width: 300px;">
                                                <div>{{ detail.description }}</div>
                                            </th>
                                            <td style="width: 250px;">
                                                {% if formation.indicatorsNotation is defined and formation.indicatorsNotation is not null %}
                                                    <table style="border-spacing: 5px; border-collapse: separate; 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>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endfor %}
                    </tbody>
                </table>
            </fieldset>

            <br>
        {% endif %}

        <fieldset>
            <legend>{{ "Commentaire de l'instructeur"|trans }}</legend>
            <div>
                {{ studentSession.session.comments }}
            </div>
        </fieldset>

        <br>

        <fieldset>
            <legend>{{ "Signatures" }}</legend>

            <table>
                <tr style="border: none;">
                    <td style="text-align: left; border-top: none; border-left: none; border-bottom: none;">
                        <div class="information-display">
                            <span>{{ "Instructeur"|trans }}:</span> {{ studentSession.session.instructorSignature ?  studentSession.session.instructorSignature.atoUser.user.completeName ~ " - " ~ studentSession.session.instructorSignature.atoUser.user.licenceNumber : "" }}
                        </div>

                        <div class="information-display">
                            <span>{{ "Date"|trans }}:</span> {{ studentSession.session.instructorSignature ? studentSession.session.instructorSignature.date | date('d/m/Y h:i:s') : "" }}
                        </div>
                    </td>

                    <td style="text-align: left; border: none; padding-left: 20px;">
                        <div class="information-display">
                            <span>{{ "Pilote"|trans }}:</span> {{ studentSession.signature ? studentSession.signature.atoUser.user.completeName : "" }}
                        </div>

                        <div class="information-display">
                            <span>{{ "Date"|trans }}:</span> {{ studentSession.signature ? studentSession.signature.date | date('d/m/Y h:i:s') : "" }}
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>
    </div>
{% endmacro %}