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

{% block title %}Préparation manager{% 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 = [] %}
{% 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 %}

{% macro render_question(question, answers) %}
    {% set answer = answers[question.id]|default(null) %}
    {% set value = answer ? (answer.answerJson ?: answer.answerText) : '' %}
    <article class="interview-questionnaire-question">
        <label>
            <span>{{ question.label }}{% if question.required %}<em>*</em>{% endif %}</span>
            {% if question.helpText %}<small>{{ question.helpText }}</small>{% endif %}
            {% include '@Interview/interview/_answer_input.html.twig' with {question: question, name: 'answers[' ~ question.id ~ ']', value: value} %}
        </label>
    </article>
{% endmacro %}

{% macro objective_fields(objective, key) %}
    <article class="interview-manager-objective-form" data-interview-manager-target="objective">
        {% if not objective %}<button type="button" title="Retirer cet objectif" data-action="interview-manager#removeObjective"><i class="ti ti-x" aria-hidden="true"></i></button>{% endif %}
        <label class="interview-manager-field--wide"><span>Nouvel objectif</span><input class="form-control" name="proposed_objectives[{{ key }}][title]" value="{{ objective ? objective.title : '' }}" placeholder="Ex : Lead technique sur le projet Phoenix"></label>
        <label><span>Critères de réussite</span><textarea class="form-control" name="proposed_objectives[{{ key }}][successCriteria]" rows="2" placeholder="Quels résultats concrets sont attendus ?">{{ objective ? objective.successCriteria : '' }}</textarea></label>
        <label><span>Échéance</span><input class="form-control" type="date" name="proposed_objectives[{{ key }}][targetDate]" value="{{ objective and objective.targetDate ? objective.targetDate|date('Y-m-d') : '' }}"></label>
    </article>
{% endmacro %}

{% import _self as manager_form %}

<div class="data-page interview-page interview-manager-page" data-controller="interview-manager">
    <header class="interview-manager-heading">
        <div>
            <nav>
                <a href="{{ path('interview_index') }}">Entretiens RH</a>
                <i class="ti ti-chevron-right"></i>
                <a href="{{ path('interview_show', {id: interview.id}) }}">{{ reference }}</a>
                <i class="ti ti-chevron-right"></i>
                <span class="text-muted">Préparation manager</span>
            </nav>
            <h1>Préparation manager</h1>
        </div>
        <a href="{{ path('interview_show', {id: interview.id}) }}"><i class="ti ti-arrow-left"></i> Retour à la liste</a>
    </header>

    <section class="interview-manager-employee">
        <div class="interview-manager-employee__identity">
            <span class="data-avatar {{ avatar_src ? '' : 'data-avatar--initials' }}">{% if avatar_src %}<img src="{{ avatar_src }}" alt="{{ employee }}">{% else %}{{ initials }}{% endif %}</span>
            <div><strong>{{ employee }}</strong><span>{{ employee.poste ?: 'Fonction non renseignée' }}</span></div>
        </div>
        <dl>
            <div><dt>Service</dt><dd>{{ employee.service ?: 'Non renseigné' }}</dd></div>
            <div><dt>Type d’entretien</dt><dd>{{ interview.type.nom }}</dd></div>
            <div><dt>Date prévue</dt><dd>{{ interview.scheduledAt ? interview.scheduledAt|date('d/m/Y') : 'Non définie' }}</dd></div>
            <div><dt>Statut</dt><dd><span>Préparation manager</span></dd></div>
        </dl>
    </section>

    <form method="post" data-interview-manager-target="form">
        <input type="hidden" name="_token" value="{{ csrf_token('interview_prepare_manager_' ~ interview.id) }}">
        <div class="interview-manager-layout">
            <main class="interview-manager-main">
                {% set section_number = 0 %}
                {% 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 section_number = section_number + 1 %}
                        <section class="interview-questionnaire-section interview-manager-card">
                            <header><h2><i class="ti ti-list-check" aria-hidden="true"></i> {{ section_number }}. {{ section.titre }}</h2>{% if section.description %}<p>{{ section.description }}</p>{% endif %}</header>
                            <div class="interview-questionnaire-list">{% for question in section_questions %}{{ manager_form.render_question(question, answers) }}{% endfor %}</div>
                        </section>
                    {% endif %}
                {% endfor %}

                {% if orphan_questions is not empty %}
                    {% set section_number = section_number + 1 %}
                    <section class="interview-questionnaire-section interview-manager-card">
                        <header><h2><i class="ti ti-message-question" aria-hidden="true"></i> {{ section_number }}. Questions complémentaires</h2></header>
                        <div class="interview-questionnaire-list">{% for question in orphan_questions %}{{ manager_form.render_question(question, answers) }}{% endfor %}</div>
                    </section>
                {% endif %}

                {% set section_number = section_number + 1 %}
                <section class="interview-manager-card">
                        <header><h2><i class="ti ti-target-arrow" aria-hidden="true"></i> {{ section_number }}. Objectifs précédents</h2></header>
                        <div class="interview-manager-objectives">
                            <div class="interview-manager-objectives__head"><span>Objectif</span><span>Statut</span><span>Progression</span><span>Commentaire manager</span></div>
                            {% for objective in previous_objectives %}
                                <article>
                                    <div><strong>{{ objective.title }}</strong><small>{{ objective.targetDate ? 'Échéance : ' ~ objective.targetDate|date('d/m/Y') : 'Sans échéance' }}</small></div>
                                    <span class="data-badge data-badge--{{ objective.progress >= 100 ? 'success' : 'info' }}">{{ objective.progress >= 100 ? 'Atteint' : 'En cours' }}</span>
                                    <div class="interview-manager-objective-progress"><span><i style="width: {{ objective.progress }}%"></i></span><b>{{ objective.progress }}%</b></div>
                                    <textarea class="form-control" rows="2" name="objective_comments[{{ objective.id }}]" placeholder="Votre avis…">{{ objective.managerComment }}</textarea>
                                </article>
                            {% else %}
                                <div class="interview-manager-empty"><i class="ti ti-target-off"></i><span>Aucun objectif précédent n’est enregistré pour ce salarié.</span></div>
                            {% endfor %}
                        </div>
                </section>

                {% set section_number = section_number + 1 %}
                <section class="interview-manager-card">
                        <header><h2><i class="ti ti-star-filled" aria-hidden="true"></i> {{ section_number }}. Évaluation des compétences</h2></header>
                        <div class="interview-manager-skills">
                            {% for assessment in skill_assessments %}
                                <article>
                                    <div><strong>{{ assessment.skill.nom }}</strong><small>{{ assessment.skill.description ?: 'Compétence à évaluer' }}</small></div>
                                    <div class="interview-manager-rating" role="radiogroup" aria-label="Évaluation de {{ assessment.skill.nom }}">
                                        {% for rating in 1..5 %}<label><input type="radio" name="skills[{{ assessment.id }}][rating]" value="{{ rating }}" {{ assessment.managerRating == rating ? 'checked' : '' }}><span>{{ rating }}</span></label>{% endfor %}
                                    </div>
                                    <input class="form-control" name="skills[{{ assessment.id }}][comment]" value="{{ assessment.comment }}" placeholder="Commentaire…">
                                </article>
                            {% else %}
                                <div class="interview-manager-empty"><i class="ti ti-star-off"></i><span>Aucune compétence n’est associée à cet entretien.</span></div>
                            {% endfor %}
                        </div>
                </section>

                {% set section_number = section_number + 1 %}
                <section class="interview-manager-card interview-manager-proposals">
                    <header><h2><i class="ti ti-flag-3-filled" aria-hidden="true"></i> {{ section_number }}. Objectifs à proposer</h2><button class="data-button data-button--secondary" type="button" data-action="interview-manager#addObjective"><i class="ti ti-plus"></i> Ajouter</button></header>
                    <div data-interview-manager-target="objectiveList">
                        {% for objective in proposed_objectives %}{{ manager_form.objective_fields(objective, objective.id) }}{% endfor %}
                        {{ manager_form.objective_fields(null, 'new_0') }}
                    </div>
                    <template data-interview-manager-target="objectiveTemplate">{{ manager_form.objective_fields(null, '__name__') }}</template>
                </section>
            </main>

            <aside class="interview-manager-aside">
                <section class="interview-manager-employee-preparation">
                    <span><i class="ti ti-user-check" aria-hidden="true"></i></span>
                    <h2>Préparation salarié</h2>
                    <p>{% if interview.employeePreparedAt %}{{ employee.prenom }} a finalisé sa préparation le {{ interview.employeePreparedAt|date('d/m') }}. Consultez ses réponses pour mieux préparer l’échange.{% else %}La préparation du salarié n’est pas encore finalisée. Les réponses déjà enregistrées restent consultables.{% endif %}</p>
                    <button type="button" data-action="interview-manager#toggleEmployeeAnswers"><i class="ti ti-eye"></i> Consulter les réponses</button>
                    <div class="interview-manager-employee-answers" hidden data-interview-manager-target="employeeAnswers">
                        {% for question in employee_questions %}
                            {% set answer = employee_answers[question.id]|default(null) %}
                            {% set answer_value = answer ? (answer.answerJson ?: answer.answerText) : null %}
                            {% if answer_value is not empty %}<article><strong>{{ question.label }}</strong><p>{{ answer_value is iterable ? answer_value|join(', ') : answer_value }}</p></article>{% endif %}
                        {% else %}<p>Aucune question salarié n’est configurée.</p>{% endfor %}
                        {% if employee_answers is empty %}<p>Aucune réponse n’a encore été enregistrée.</p>{% endif %}
                    </div>
                </section>

                <section class="interview-manager-context">
                    <h2><i class="ti ti-history" aria-hidden="true"></i> Historique &amp; contexte</h2>
                    <h3>Derniers entretiens</h3>
                    <div class="interview-manager-history">
                        {% for previous in previous_interviews %}
                            <a href="{{ path('interview_show', {id: previous.id}) }}"><i class="ti ti-file-description"></i><span><strong>{{ previous.type.nom }}</strong><small>{{ previous.scheduledAt ? previous.scheduledAt|date('d/m/Y') : previous.createdAt|date('d/m/Y') }}</small></span><i class="ti ti-chevron-right"></i></a>
                        {% else %}<p>Aucun entretien antérieur.</p>{% endfor %}
                    </div>
                    <h3>Besoins de formation identifiés</h3>
                    <div class="interview-manager-training">
                        {% for need in training_needs %}<article><strong>{{ need.title }}</strong><small>{{ need.status|replace({'identified': 'Identifié', 'planned': 'Planifié', 'completed': 'Terminé'}) }}{% if need.targetDate %} · {{ need.targetDate|date('d/m/Y') }}{% endif %}</small></article>{% else %}<p>Aucun besoin enregistré.</p>{% endfor %}
                    </div>
                </section>
            </aside>
        </div>

        <footer class="interview-manager-actions">
            <button class="data-button data-button--primary" type="submit" name="preparation_action" value="save"><i class="ti ti-device-floppy"></i> Enregistrer</button>
            <button class="data-button interview-manager-actions__complete" type="submit" name="preparation_action" value="complete"><i class="ti ti-circle-check-filled"></i> Marquer la préparation comme terminée</button>
            <a class="data-button data-button--secondary" href="{{ path('interview_show', {id: interview.id}) }}"><i class="ti ti-arrow-left"></i> Retour</a>
        </footer>
    </form>
</div>
{% endblock %}