{% extends 'admin/base.html.twig' %}

{% block title %}Questions | {{ parent() }}{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a class="opacity-5 text-dark" href="{{ path('@Review_admin_review_request_index') }}">
                    Avis client
                </a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                Gestion des questions
            </li>
        </ol>
    </nav>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 mb-3">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:'Nouvelle question'}) }}
                <div class="card-body">
                    {{ include('@Review/admin/question/_form.html.twig') }}
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:'Liste des questions'}) }}
                <div class="card-body px-0 pb-2">
                    <div class="table-responsive p-0">
                        <table class="table align-items-center mb-0">
                            <thead>
                            <tr>
                                {{ include('admin/ui/table/_th_first.html.twig', {label:'Contenu'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'Etat'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'Utilisation'}) }}
                                {{ include('admin/ui/table/_th.html.twig', {label:'Date de création'}) }}
                                {{ include('admin/ui/table/_th_action.html.twig', {sizePx:120}) }}
                            </tr>
                            </thead>
                            <tbody>

                            {% for question in questions %}
                                <tr>
                                    <td>
                                        <div
                                                title="{{ question.content }}">
                                            {{ question.content }}
                                        </div>
                                        {% if question.type.value == 'text' %}
                                            <span class="badge bg-primary">Texte</span>
                                        {% else %}
                                            <span class="badge bg-info">Note</span>
                                            {% if question.type.value == 'rating' %}
                                                {% set variant = rating_variants[question.ratingVariant] ?? null %}
                                                {% if variant %}
                                                    <span class="rating-labels">
                                                        <span>{{ variant.min_label }}</span>
                                                        <span>→</span>
                                                        <span>{{ variant.max_label }}</span>
                                                    </span>
                                                {% else %}
                                                    <em>Aucun label défini pour ce ratingVariant</em>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        {% if question.isActive %}
                                            <span class="badge bg-success">Active</span>
                                        {% else %}
                                            <span class="badge bg-secondary">Inactive</span>
                                        {% endif %}
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-light text-dark">{{ question.reviewQuestions|length }}</span>
                                    </td>
                                    <td class="text-center">{{ question.createdAt|date('d/m/Y H:i') }}</td>
                                    <td>
                                        {{ include('admin/ui/_link_button.html.twig', {link_class:'primary', link_path:path('@Review_admin_question_edit', {'id': question.id}), link_label:'Modifier'}) }}
                                        {{ include('@Review/admin/question/_toggle_form.html.twig') }}
                                        {{ include('@Review/admin/question/_delete_form.html.twig') }}
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="6" class="text-center py-4">
                                        <p class="text-muted mb-0">Aucune question trouvée.</p>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}