 <div class="container mx-auto p-6">
        <h1 class="text-2xl font-bold mb-4">{% block title %}Détails de l'évaluation ({{ object.ID }}) étudiant de {{ object.sStudent }}{% endblock %}</h1>
        <div class="flex  rounded-lg shadow overflow-hidden">
            <div class="bg-white rounded-lg shadow overflow-hidden w-1/3 m-3">
                <table class="w-full table-auto">
                <tbody>
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Date de suivi</th>
                        <td class="py-2 px-1">{{ object.dtDate }}</td>
                        <th class="py-2 px-1 text-left font-semibold">Date de d'écriture</th>
                        <td class="py-2 px-1">{{ object.dtCreated }}</td>
                    </tr>
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Auteur</th>
                        <td class="py-2 px-1">{{ object.sAuthor }}</td>
                        <th class="py-2 px-1 text-left font-semibold">Second auteur</th>
                        <td class="py-2 px-1">{{ object.sAuthor_2e }}</td>
                    </tr>

                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Type de suivi</th>
                        <td class="py-2 px-1" colspan="3">{{ object.get_eval_type }}</td>
                    </tr>
                    {% if object.nEval_Type == "1" %}
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">N° FIP</th>
                        <td class="py-2 px-1">{{ object.sRef }}</td>
                        <th class="py-2 px-1 text-left font-semibold">Priorité</th>
                        <td class="py-2 px-1">{{ object.get_inter_priority }}</td>

                    </tr>
                    <tr>
                        <th class="py-2 px-1 text-left font-semibold">Description</th>
                        <td class="py-2 px-1" colspan="3">{{ object.sInter_Desc }}</td>
                    </tr>
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Rôle de l'étudiant</th>
                        <td class="py-2 px-1">{{ object.get_student_role }}</td>
                    </tr>
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Nature de l'intervention</th>
                        <td class="py-2 px-1">{{ object.get_inter_nature }}</td>
                    </tr>
                    <tr class="border-b">
                        <th class="py-2 px-1 text-left font-semibold">Complexité de l'intervention</th>
                        <td class="py-2 px-1" colspan="2">{{ object.get_inter_complexity }}</td>
                    </tr>
                    {% endif %}


                </tbody>
            </table>
            </div>
            <div class="bg-white rounded-lg shadow overflow-hidden w-3/4 m-3">
                <table class="w-full table-auto border-solid">
                    <tbody>
                        <tr>
                            <th class="py-2 px-4 border-solid border-b border-r">
                                Éléments positifs (auto-évaluation)
                            </th>
                            <th class="py-2 px-4 border-solid border-b border-l">
                                Éléments positifs (Encadrant)
                            </th>
                        </tr>
                        <tr>
                            <td class="py-2 px-4 border-solid border-b border-r" >
                                {{object.o_Auto_eval.sDesc_pos | safe}}
                            </td>
                            <td class="py-2 px-4 border-solid border-b border-l" >
                                {{object.o_Encadrant_eval.sDesc_pos | safe}}
                            </td>
                        </tr>
                        <tr>
                            <td class="py-2 px-4"></td>
                        </tr>
                         <tr>
                                <th class="py-2 px-4 border-solid border-b border-r">
                                    Éléments à améliorer (auto-évaluation)
                                </th>
                                <th class="py-2 px-4 border-solid border-b border-l">
                                    Éléments améliorer (Encadrant)
                                </th>
                            </tr>
                            <tr>
                                <td class="py-2 px-4 border-solid border-b border-r" >
                                    {{object.o_Auto_eval.sDesc_neg | safe}}
                                </td>
                                <td class="py-2 px-4 border-solid border-b border-l" >
                                    {{object.o_Encadrant_eval.sDesc_neg | safe}}
                                </td>
                            </tr>




                    </tbody>
                 </table>
            </div>


        </div>
        <div class="bg-white rounded-lg shadow overflow-hidden w-full" style="margin-top:10px;">
                <table class="w-full">
                    <tbody>
                        <tr class="border-b">
                            <th class="py-2 px-4 text-left font-semibold">Avis Global {{object.o_Encadrant_eval.ID}}</th>

                        </tr>
                        <tr class="border-b">
                            <td class="py-2 px-4">{{ object.o_Encadrant_eval.sDesc_global | safe }}</td>
                        </tr>
                        <tr class="border-b">
                            <th class="py-2 px-4 text-left font-semibold">Avis Global (auto) {{object.o_Auto_eval.ID}}</th>

                        </tr>
                        <tr class="border-b">
                            <td class="py-2 px-4">{{ object.o_Auto_eval.sDesc_global | safe}}</td>
                        </tr>
                    </tbody>
                </table>
        </div>


    </div>