{% if atelier %}
    <div class="print-header">
        <div class="header-top">
            <div><img src="{{ asset('images/logoCFP02.png') }}" alt="Logo CFP02" class="logo"></div>
            <div class="document-title">
                <h2>ATTESTATION DE PARTICIPATION À L'ATELIER</h2>
                <h3>{{ atelier.titreComplet }}</h3>
            </div>
        </div>
        <div style="margin-top:15px;"><p><strong>Bénéficiaire :</strong> {{ beneficiaire.nom }} {{ beneficiaire.prenom }}</p></div>
        <div class="info-section">
            <div style="flex:1;padding-right:15px;"><p><strong>Date :</strong></p><p>{{ atelier.dateCreation|date('d/m/Y') }}</p></div>
            <div style="flex:1;padding-right:15px;"><p><strong>Nom du {% if atelier.typeAtelier == 'monde_travail' %}CIP{% else %}psychologue{% endif %} :</strong></p><p>{{ atelier.auteur ? atelier.auteur.prenom ~ ' ' ~ atelier.auteur.nom : 'Non renseigné' }}</p></div>
            <div style="flex:1;"><p><strong>Structure :</strong></p><p>{{ atelier.structure|default('') }}</p></div>
        </div>
    </div>
    <div class="section-title">ACQUIS À L'ISSUE DE L'ATELIER</div>
    <table>
        <thead><tr><th style="width:85%">{{ atelier.titreComplet }} - Compétences visées</th><th class="checkbox-cell">Acquis</th></tr></thead>
        <tbody>
        {% for key, label in questions.competences_visees %}
            <tr>
                <td>{{ label|raw|striptags }}</td>
                <td class="checkbox-cell">
                    <div class="checkbox-print {% if atelier.competencesVisees[key] is defined and atelier.competencesVisees[key] %}checked{% endif %}">
                        {% if atelier.competencesVisees[key] is defined and atelier.competencesVisees[key] %}<span style="font-weight:bold;color:#1e3a8a;">✓</span>{% endif %}
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div class="section-title info">COMPORTEMENT - IMPLICATION DU BÉNÉFICIAIRE</div>
    <table>
        <thead><tr>
            <th style="width:28%"></th>
            <th class="radio-cell">Inacceptable</th>
            <th class="radio-cell">Nécessite des améliorations</th>
            <th class="radio-cell">Acceptable</th>
            <th class="radio-cell">Bon</th>
            <th class="radio-cell">Excellent</th>
        </tr></thead>
        <tbody>
        {% for key, label in questions.auto_evaluation %}
            <tr>
                <td><strong>{{ label }}</strong></td>
                {% for niveau in ['inacceptable', 'ameliorations_necessaires', 'acceptable', 'bon', 'excellent'] %}
                    <td class="radio-cell">
                        <div class="radio-print {% if atelier.autoEvaluation[key] is defined and atelier.autoEvaluation[key] == niveau %}checked{% endif %}">
                            {% if atelier.autoEvaluation[key] is defined and atelier.autoEvaluation[key] == niveau %}
                                <svg width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="5" fill="black"/></svg>
                            {% endif %}
                        </div>
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div class="section-title warning">Commentaire du {% if atelier.typeAtelier == 'monde_travail' %}CIP{% else %}Psychologue{% endif %} :</div>
    <div class="commentaires-box" style="white-space:pre-line;">
        {% if atelier.commentaires %}{{ atelier.commentaires|striptags|trim }}{% else %}<span class="empty-comment">Aucun commentaire renseigné</span>{% endif %}
    </div>
    {% else %}
        <div class="print-header">
            <div class="logo-section"><img src="{{ asset('images/logoCFP02.png') }}" alt="Logo CFP02" class="logo"></div>
            <div class="title-section"><h1>Atelier — {{ atelierLabel|default('') }}</h1></div>
        </div>
        <p class="empty-info" style="text-align:center;padding:40px 0;">Aucun atelier enregistré</p>
    {% endif %}
    <div class="print-footer">
        <p><strong>Document confidentiel</strong> - Ne pas diffuser sans autorisation</p>
        <p>© {{ "now"|date('Y') }} CFP02 - Tous droits réservés</p>
    </div>