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

{% block title %}Types d’entretiens{% endblock %}
{% block page_header %}{% endblock %}

{% block content %}
{% set active_count = types|filter(t => t.active)|length %}
{% set legal_count = types|filter(t => t.isIsLegalFollowUp)|length %}

<div class="data-page interview-page interview-types-page">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
                <a href="{{ path('interview_settings_index') }}">Paramètres</a>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <span class="fw-bold text-primary">Types d’entretiens</span>
            </nav>
            <h1>Types d’entretiens</h1>
            <p>Configurez les workflows, modules et règles d’affichage applicables à chaque type d’entretien.</p>
        </div>
        <a class="data-button data-button--primary" href="{{ path('interview_settings_type_new') }}">
            <i class="ti ti-plus" aria-hidden="true"></i>Nouveau type
        </a>
    </div>

    <section class="interview-type-metrics">
        <article><span>Total</span><strong>{{ types|length }}</strong></article>
        <article><span>Actifs</span><strong>{{ active_count }}</strong></article>
        <article><span>Suivi légal</span><strong>{{ legal_count }}</strong></article>
    </section>

    <section class="data-card interview-type-table-card">
        <table class="data-table interview-type-table">
            <thead>
                <tr>
                    <th>Type</th>
                    <th>Workflow</th>
                    <th>Modules</th>
                    <th>Statut</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for type in types %}
                    <tr>
                        <td>
                            <div class="interview-type-name">
                                <span style="background: {{ type.color ?: '#2563eb' }}"></span>
                                <div>
                                    <strong>{{ type.nom }}</strong>
                                    <small>{{ type.code }} · {{ type.category }}</small>
                                    {% if type.description %}<em>{{ type.description }}</em>{% endif %}
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="interview-type-tags">
                                {% if type.requiresPreparationEmployee %}<span>Prépa salarié</span>{% endif %}
                                {% if type.requiresPreparationManager %}<span>Prépa manager</span>{% endif %}
                                {% if type.requiresValidationEmployee %}<span>Validation salarié</span>{% endif %}
                                {% if type.requiresValidationManager %}<span>Validation manager</span>{% endif %}
                                {% if type.allowSignature %}<span>Signature</span>{% endif %}
                            </div>
                        </td>
                        <td>
                            <div class="interview-type-tags">
                                {% if type.allowObjectives %}<span>Objectifs</span>{% endif %}
                                {% if type.allowSkills %}<span>Compétences</span>{% endif %}
                                {% if type.allowTrainingNeeds %}<span>Formation</span>{% endif %}
                                {% if type.allowActionPlan %}<span>Plan action</span>{% endif %}
                                {% if type.isIsLegalFollowUp %}<span>EPP</span>{% endif %}
                            </div>
                        </td>
                        <td><span class="interview-status {{ type.active ? 'interview-status--completed' : 'interview-status--cancelled' }}">{{ type.active ? 'Actif' : 'Inactif' }}</span></td>
                        <td class="text-end">
                            <div class="interview-type-actions">
                                <a class="data-button data-button--secondary" href="{{ path('interview_settings_type_edit', {id: type.id}) }}">Modifier</a>
                                <form method="post" action="{{ path('interview_settings_type_toggle', {id: type.id}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('interview_type_toggle_' ~ type.id) }}">
                                    <button class="data-button data-button--secondary" type="submit">{{ type.active ? 'Désactiver' : 'Activer' }}</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="5">Aucun type d’entretien.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </section>
</div>
{% endblock %}