{% extends '@App/app.html.twig' %}

{% block title %}Conduire l'entretien{% endblock %}
{% block page_header %}{% endblock %}

{% block content %}
{% set employee = interview.salarie %}
{% set photo_path = employee.photo ? employee.photo|trim : null %}
{% set avatar_src = photo_path ? (photo_path starts with 'http://' or photo_path starts with 'https://' ? photo_path : asset(photo_path starts with '/' ? photo_path|slice(1) : photo_path)) : null %}
{% set initials = ((employee.prenom|default('')|first) ~ (employee.nom|default('')|first))|upper ?: 'S' %}
{% set questions_by_section = {} %}
{% set orphan_questions = [] %}
{% set question_groups = [] %}
{% for question in questions %}
    {% if question.section %}
        {% set key = 'section_' ~ question.section.id %}
        {% set questions_by_section = questions_by_section|merge({(key): (questions_by_section[key]|default([]))|merge([question])}) %}
    {% else %}
        {% set orphan_questions = orphan_questions|merge([question]) %}
    {% endif %}
{% endfor %}
{% for section in sections %}
    {% set section_key = 'section_' ~ section.id %}
    {% set section_questions = questions_by_section[section_key]|default([]) %}
    {% if section_questions is not empty %}
        {% set question_groups = question_groups|merge([{key: section_key, title: section.titre, description: section.description, questions: section_questions}]) %}
    {% endif %}
{% endfor %}
{% if orphan_questions is not empty %}
    {% set question_groups = question_groups|merge([{key: 'other', title: 'Questions complémentaires', description: null, questions: orphan_questions}]) %}
{% endif %}
{% set answered_count = 0 %}
{% for answer in answers %}
    {% if answer.answerText|default('')|trim is not empty or answer.answerJson|default([]) is not empty %}{% set answered_count = answered_count + 1 %}{% endif %}
{% endfor %}
{% set total_count = questions|length %}
{% set progress = total_count > 0 ? ((answered_count / total_count) * 100)|round : 0 %}
{% set radar_labels = [] %}
{% set radar_self = [] %}
{% set radar_manager = [] %}
{% for assessment in skill_assessments %}
    {% set radar_labels = radar_labels|merge([assessment.skill.nom]) %}
    {% set radar_self = radar_self|merge([assessment.selfRating|default(0)]) %}
    {% set radar_manager = radar_manager|merge([assessment.managerRating|default(0)]) %}
{% endfor %}

{% macro readonly_answer(answer, empty_label) %}
    {% set value = answer ? (answer.answerJson ?: answer.answerText) : null %}
    <div class="interview-conduct-readonly {{ value is empty ? 'is-empty' : '' }}">
        {{ value is iterable ? value|join(', ') : (value ?: empty_label) }}
    </div>
{% endmacro %}
{% import _self as conduct_view %}

<div class="data-page interview-page interview-conduct-page" data-controller="interview-conduct" data-interview-conduct-storage-key-value="interview-conduct-{{ interview.id }}">
    <header class="interview-conduct-topbar">
        <nav class="data-breadcrumb"><a href="{{ path('interview_index') }}">Entretiens</a><i class="ti ti-chevron-right"></i><strong>Conduire l'entretien</strong></nav>
        <span class="interview-conduct-autosave"><i></i><b data-interview-conduct-target="saveStatus">Sauvegarde locale active</b></span>
    </header>

    <section class="interview-conduct-identity">
        <div class="interview-conduct-employee">
            <span class="data-avatar {{ avatar_src ? '' : 'data-avatar--initials' }}">{% if avatar_src %}<img src="{{ avatar_src }}" alt="{{ employee }}">{% else %}{{ initials }}{% endif %}</span>
            <i></i>
            <div><h2>{{ employee }}</h2><p>{{ interview.template ? interview.template.nom : interview.type.nom }}</p></div>
        </div>
        <div class="interview-conduct-identity__stats">
            <div><small>Date</small><strong>{{ interview.scheduledAt ? interview.scheduledAt|date('d/m/Y') : 'Non définie' }}</strong></div>
            <div><small>Statut</small><span>En cours</span></div>
            <div class="interview-conduct-progress"><div><small>Progression</small><strong data-interview-conduct-target="progressLabel">{{ progress }}%</strong></div><span><i data-interview-conduct-target="progressBar" style="width: {{ progress }}%"></i></span></div>
        </div>
    </section>

    <h1>Conduire l’entretien</h1>

    {% for message in app.flashes('error') %}<div class="alert alert-danger interview-conduct-alert"><i class="ti ti-alert-circle" aria-hidden="true"></i>{{ message }}</div>{% endfor %}

    <div class="interview-conduct-layout">
        <form id="interview-conduct-form" class="interview-conduct-main" method="post" data-interview-conduct-target="form" data-action="input->interview-conduct#scheduleDraft change->interview-conduct#scheduleDraft submit->interview-conduct#submit">
            <input type="hidden" name="_token" value="{{ csrf_token('interview_conduct_' ~ interview.id) }}">

            <section class="interview-conduct-question-flow">
                <nav class="interview-conduct-question-tabs" aria-label="Rubriques du questionnaire">
                    {% for group in question_groups %}
                        <button class="{{ loop.first ? 'is-active' : '' }}" type="button" data-index="{{ loop.index0 }}" data-interview-conduct-target="questionTab" data-action="interview-conduct#selectQuestionSection">
                            <span>{{ loop.index }}</span>
                            <div><strong>{{ group.title }}</strong><small data-tab-status>{{ loop.first ? 'En cours' : 'Non démarré' }}</small></div>
                            <i class="ti ti-circle" aria-hidden="true"></i>
                        </button>
                    {% else %}
                        <p>Aucune rubrique configurée.</p>
                    {% endfor %}
                </nav>

                <div class="interview-conduct-question-workspace">
                    {% for group in question_groups %}
                        <section class="interview-conduct-question-panel" data-index="{{ loop.index0 }}" data-interview-conduct-target="questionSection" {{ loop.first ? '' : 'hidden' }}>
                            <header>
                                <div><h2>{{ group.title }}</h2>{% if group.description %}<p>{{ group.description }}</p>{% endif %}</div>
                                <span>Section {{ loop.index }} sur {{ question_groups|length }}</span>
                            </header>

                            <div class="interview-conduct-question-list">
                                {% for question in group.questions %}
                                    {% set employee_answer = employee_answers[question.id]|default(null) %}
                                    {% set manager_answer = manager_answers[question.id]|default(null) %}
                                    {% set conduct_answer = answers[question.id]|default(null) %}
                                    {% set conduct_value = conduct_answer ? (conduct_answer.answerJson ?: conduct_answer.answerText) : '' %}
                                    <article class="interview-conduct-question-row" data-required-question="{{ question.required ? '1' : '0' }}">
                                        <h3>{{ loop.index }}. {{ question.label }}{% if question.required %}<em>*</em>{% endif %}</h3>
                                        {% if question.helpText %}<p>{{ question.helpText }}</p>{% endif %}
                                        <div class="interview-conduct-answer-columns">
                                            <section class="is-manager">
                                                <header><i></i>Réponse du manager</header>
                                                {{ conduct_view.readonly_answer(manager_answer, 'Aucune réponse manager enregistrée.') }}
                                            </section>
                                            <section class="is-employee">
                                                <header><i></i>Réponse du salarié</header>
                                                {{ conduct_view.readonly_answer(employee_answer, 'Aucune réponse salarié enregistrée.') }}
                                            </section>
                                            <section class="is-conduct">
                                                <header><i></i>Réponse de l’entretien</header>
                                                {% include '@Interview/interview/_answer_input.html.twig' with {question: question, name: 'answers[' ~ question.id ~ ']', value: conduct_value} %}
                                            </section>
                                        </div>
                                    </article>
                                {% endfor %}
                            </div>

                            <p class="interview-conduct-validation" data-interview-conduct-target="validationMessage" hidden><i class="ti ti-alert-circle" aria-hidden="true"></i>Complétez toutes les réponses obligatoires de cette rubrique pour continuer.</p>
                            <footer>
                                <button class="data-button data-button--secondary" type="button" data-interview-conduct-target="previousButton" data-action="interview-conduct#previousSection"><i class="ti ti-arrow-left"></i>Section précédente</button>
                                <div>
                                    <button class="data-button data-button--secondary" type="submit" name="conduct_action" value="save"><i class="ti ti-device-floppy"></i>Enregistrer le brouillon</button>
                                    <button class="data-button data-button--primary" type="button" data-interview-conduct-target="nextButton" data-action="interview-conduct#nextSection">Section suivante<i class="ti ti-arrow-right"></i></button>
                                </div>
                            </footer>
                        </section>
                    {% else %}
                        <div class="data-empty"><i class="ti ti-message-off"></i><strong>Aucune question configurée</strong></div>
                    {% endfor %}
                </div>
            </section>

            <section id="objectifs" class="interview-conduct-section">
                <header><h2><i class="ti ti-target-arrow"></i>Objectifs de la période passée</h2><span>{{ objectives|length }} objectif{{ objectives|length > 1 ? 's' : '' }}</span></header>
                <div class="interview-conduct-objectives">
                    {% for objective in objectives %}
                        <article>
                            <header><strong>Objectif {{ loop.index }} : {{ objective.title }}</strong><span class="data-badge data-badge--{{ objective.progress >= 100 ? 'success' : 'info' }}">{{ objective.progress >= 100 ? 'Atteint' : objective.progress ~ '%' }}</span></header>
                            <div><p>{{ objective.description ?: 'Aucune description renseignée.' }}</p><dl><div><dt>Échéance</dt><dd>{{ objective.targetDate ? objective.targetDate|date('d/m/Y') : 'Non définie' }}</dd></div><div><dt>Critère de réussite</dt><dd>{{ objective.successCriteria ?: 'Non renseigné' }}</dd></div></dl></div>
                        </article>
                    {% else %}
                        <div class="data-empty"><i class="ti ti-target-off"></i><strong>Aucun objectif en cours</strong><span>Les objectifs du salarié apparaîtront ici.</span></div>
                    {% endfor %}
                </div>
            </section>

            <section id="competences" class="interview-conduct-section">
                <header><h2><i class="ti ti-chart-line"></i>Évaluation des compétences</h2><span>{{ skill_assessments|length }} compétence{{ skill_assessments|length > 1 ? 's' : '' }}</span></header>
                {% if skill_assessments %}
                    <div class="interview-conduct-radar" data-interview-conduct-target="radar" data-labels="{{ radar_labels|json_encode|e('html_attr') }}" data-self-values="{{ radar_self|json_encode|e('html_attr') }}" data-manager-values="{{ radar_manager|json_encode|e('html_attr') }}"></div>
                    <div class="interview-conduct-skills">
                        <header><span>Compétence</span><span>Auto-éval.</span><span>Manager</span><span>Cible</span></header>
                        {% for assessment in skill_assessments %}
                            <article><strong>{{ assessment.skill.nom }}</strong><span>{{ assessment.selfRating|default('—') }}{% if assessment.selfRating %}/5{% endif %}</span><select name="skills[{{ assessment.id }}]" aria-label="Évaluation manager de {{ assessment.skill.nom }}" data-action="interview-conduct#updateRadar"><option value="">—</option>{% for rating in 1..5 %}<option value="{{ rating }}" {{ assessment.managerRating == rating ? 'selected' : '' }}>{{ rating }}</option>{% endfor %}</select><span>{{ assessment.targetRating|default('—') }}{% if assessment.targetRating %}/5{% endif %}</span></article>
                        {% endfor %}
                    </div>
                {% else %}
                    <div class="data-empty"><i class="ti ti-chart-radar"></i><strong>Aucune compétence à évaluer</strong></div>
                {% endif %}
            </section>

            <section id="formation" class="interview-conduct-section">
                <header><h2><i class="ti ti-school"></i>Besoins en formation</h2><span>{{ training_needs|length }} besoin{{ training_needs|length > 1 ? 's' : '' }}</span></header>
                <div class="interview-conduct-training">{% for need in training_needs %}<article><span class="data-badge data-badge--{{ need.priority == 'high' ? 'danger' : 'info' }}">Priorité {{ need.priority|replace({'high': 'haute', 'medium': 'moyenne', 'low': 'basse'}) }}</span><strong>{{ need.title }}</strong><p>{{ need.description ?: 'Aucune précision' }}</p><small>{{ need.targetDate ? 'Échéance : ' ~ need.targetDate|date('d/m/Y') : 'Échéance non définie' }}</small></article>{% else %}<div class="data-empty"><i class="ti ti-school-off"></i><strong>Aucun besoin de formation identifié</strong></div>{% endfor %}</div>
            </section>

            <section id="plan_action" class="interview-conduct-section">
                <header><h2><i class="ti ti-list-check"></i>Plan d’action</h2><span>{{ action_plans|length }} action{{ action_plans|length > 1 ? 's' : '' }}</span></header>
                <div class="interview-conduct-actions-list">{% for action in action_plans %}<article><span class="{{ action.status == 'completed' ? 'is-completed' : '' }}"><i class="ti ti-check"></i></span><div><strong>{{ action.title }}</strong><p>{{ action.description ?: 'Aucune description' }}</p><small>{{ action.dueDate ? 'Échéance : ' ~ action.dueDate|date('d/m/Y') : 'Sans échéance' }}{% if action.owner %} · {{ action.owner }}{% endif %}</small></div></article>{% else %}<div class="data-empty"><i class="ti ti-list-check"></i><strong>Aucune action définie</strong></div>{% endfor %}</div>
            </section>

            <section id="synthese" class="interview-conduct-section">
                <header><h2><i class="ti ti-file-export"></i>Synthèse</h2><span>Étape finale</span></header>
                <div class="interview-conduct-synthesis"><i class="ti ti-file-description"></i><div><strong>Finalisez la saisie avant de terminer l’entretien</strong><p>Les réponses, évaluations et éléments du dossier seront intégrés au compte rendu.</p></div></div>
            </section>
        </form>

        <aside class="interview-conduct-aside">
            <section class="interview-conduct-context">
                <h2>Historique salarié</h2>
                <div class="interview-conduct-previous"><span><i class="ti ti-history"></i></span><div><strong>Dernier entretien</strong>{% if previous_interview %}<p>{{ previous_interview.type.nom }} – {{ previous_interview.scheduledAt ? previous_interview.scheduledAt|date('d/m/Y') : previous_interview.createdAt|date('d/m/Y') }}</p><a href="{{ path('interview_show', {id: previous_interview.id}) }}">Consulter le dossier <i class="ti ti-external-link"></i></a>{% else %}<p>Aucun entretien antérieur</p>{% endif %}</div></div>
                <div class="interview-conduct-context__objectives"><strong>Objectifs en cours ({{ objectives|length }})</strong>{% set first_objective = objectives|first %}{% if first_objective %}<div><span>{{ first_objective.title }}</span><b>{{ first_objective.progress }}%</b></div><i><em style="width: {{ first_objective.progress }}%"></em></i>{% else %}<p>Aucun objectif suivi.</p>{% endif %}</div>
                {% set overdue_actions = action_plans|filter(action => action.status != 'completed' and action.dueDate and action.dueDate < date()) %}
                {% if overdue_actions|length %}<div class="interview-conduct-overdue"><i class="ti ti-alert-circle"></i>{{ overdue_actions|length }} action{{ overdue_actions|length > 1 ? 's' : '' }} en retard</div>{% endif %}
            </section>

            <section class="interview-conduct-help"><h2>Aide manager</h2><ul><li>Rappeler le but de l’échange</li><li>Laisser le salarié développer ses réponses</li><li>S’appuyer sur des faits concrets</li></ul></section>

            <button class="data-button data-button--primary interview-conduct-finish" type="submit" name="conduct_action" value="complete" form="interview-conduct-form"><i class="ti ti-flag-checkered"></i>Terminer l'entretien</button>
            <p class="interview-conduct-finish-note">L’entretien sera clôturé et le compte rendu pourra être validé.</p>
        </aside>
    </div>

    <footer class="interview-conduct-footer">
        <a href="{{ path('interview_show', {id: interview.id}) }}"><i class="ti ti-arrow-left"></i>Retour</a>
        <div><button class="data-button data-button--secondary" type="submit" name="conduct_action" value="save" form="interview-conduct-form"><i class="ti ti-device-floppy"></i>Enregistrer</button><button class="data-button data-button--primary" type="button" data-interview-conduct-target="nextButton" data-action="interview-conduct#nextSection">Rubrique suivante</button></div>
    </footer>
</div>
{% endblock %}