<h2>Détails {{type}} concernant <span class="etudinfo"
            id="etudid-{{objet.etudid}}">{{etud.html_link_fiche()|safe}}</span></h2>

<style>
.info-row {
    margin-top: 12px;
}
.info-label {
    font-weight: bold;
}
.info-etat {
    font-size: 110%;
    font-weight: bold;
    background-color: rgb(253, 234, 210);
    border: 1px solid grey;
    border-radius: 4px;
    padding: 4px;
}
.info-saisie {
    margin-top: 12px;
    margin-bottom: 12px;
    font-style: italic;
}
</style>

<div id="informations">

    <div class="info-saisie">
        <span>Saisie par {{objet.saisie_par}} le {{objet.entry_date}}</span>
    </div>

    <div class="info-row">
        <span class="info-label">Période :</span> du <b>{{objet.date_debut}}</b> au <b>{{objet.date_fin}}</b>
    </div>

    {% if type == "Assiduité" %}
    <div class="info-row">
        <span class="info-label">Module :</span> {{objet.module}}
    </div>
    {% else %}
    {% endif %}

    <div class="info-row">
        {% if type == "Justificatif" %}
        <span class="info-label">État du justificatif :</span>
        {% else %}
        <span class="info-label">État de l'assiduité :</span>
        {% endif %}
        <span class="info-etat">{{objet.etat}}</span>

    </div>

    <div class="info-row">
        {% if type == "Justificatif" %}
        <span class="info-label">Raison:</span>
            {% if can_view_justif_detail %}
                <span class="text">{{objet.raison or " "}}</span>
            {% else %}
                <span class="text unauthorized">(cachée)</span>
            {% endif %}
        {% else %}
        <span class="info-label">Description:</span>
            {% if objet.description != None %}
                <span class="text">{{objet.description}}</span>
            {% else %}
                <span class="text"></span>
            {% endif %}
        {% endif %}
        </span>
    </div>

    {# Affichage des justificatifs si assiduité justifiée #}
    {% if type == "Assiduité" and objet.etat != "Présence" %}
    <div class="info-row">
        <span class="info-label">Justifiée: </span>
        {% if objet.justification.est_just %}
        <span class="text">Oui</span>
        <div>
            {% for justi in objet.justification.justificatifs %}
            <a href="{{url_for('assiduites.tableau_assiduite_actions',
                type='justificatif', action='details', obj_id=justi.justif_id, scodoc_dept=g.scodoc_dept)}}"
                target="_blank" rel="noopener noreferrer">Justificatif du {{justi.date_debut}} au {{justi.date_fin}}</a>
            {% endfor %}
        </div>
        {% else %}
        <span class="text fontred">Non</span>
        {% endif %}
    </div>
    {% endif %}

    {# Affichage des assiduités justifiées si justificatif valide #}
    {% if type == "Justificatif" and objet.etat == "Valide" %}
    <div class="info-row">
        <span class="info-label">Assiduités concernées: </span>
        {% if objet.justification.assiduites %}
        <ul>
            {% for assi in objet.justification.assiduites %}
            <li><a href="{{url_for('assiduites.tableau_assiduite_actions',
                type='assiduite', action='details', obj_id=assi.assiduite_id, scodoc_dept=g.scodoc_dept)
                }}" target="_blank">Assiduité {{assi.etat}} du {{assi.date_debut}} au
                {{assi.date_fin}}</a>
            </li>
            {% endfor %}
        </ul>
        {% else %}
        <span class="text">Aucune</span>
        {% endif %}
    </div>
    {% endif %}

    {# Affichage des fichiers des justificatifs #}
    {% if type == "Justificatif"%}
        <div class="info-row">
            <span class="info-label">Fichiers enregistrés: </span>
            {% if objet.justification.fichiers.total != 0 %}
            <div>Total : {{objet.justification.fichiers.total}} </div>
            <ul>
                {% for filename in objet.justification.fichiers.filenames %}
                <li>
                    <a
                        href="{{url_for('apiweb.justif_export',justif_id=objet.justif_id,
                            filename=filename, scodoc_dept=g.scodoc_dept)}}">{{filename}}</a>
                </li>
                {% endfor %}
                {% if not objet.justification.fichiers.filenames %}
                <li class="fontred">fichiers non visibles</li>
                {% endif %}
            </ul>
            {% else %}
            <span class="text">Aucun</span>
            {% endif %}
        </div>
        {% if current_user.has_permission(sco.Permission.AbsChange) %}
        <div><a class="stdlink" href="{{
            url_for('assiduites.edit_justificatif_etud', scodoc_dept=g.scodoc_dept, justif_id=obj_id)
        }}">modifier ce justificatif</a>
        </div>
        {% endif %}
    {% endif %}
</div>
