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

{% block title %}{{ parent() }}{{ quiz.season.name }}{% endblock %}

{% block body %}
    <h2 class="py-2">{{ 'Quiz'|trans }}: {{ quiz.season.name }} - {{ quiz.name }}</h2>
    <ul class="nav nav-tabs pt-2" id="quizTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview-tab-pane"
                    type="button" role="tab" aria-controls="overview-tab-pane" aria-selected="true">
                {{ 'Overview'|trans }}
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link" id="result-tab" data-bs-toggle="tab" data-bs-target="#result-tab-pane"
                    type="button" role="tab" aria-controls="result-tab-pane" aria-selected="true">
                {{ 'Results & Elimination'|trans }}
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link" id="candidates-tab" data-bs-toggle="tab" data-bs-target="#candidates-tab-pane"
                    type="button" role="tab" aria-controls="candidates-tab-pane" aria-selected="true">
                {{ 'Candidates'|trans }}
            </button>
        </li>
    </ul>
    <div class="tab-content" id="quizTabContent">
        <div class="tab-pane fade show active" id="overview-tab-pane" role="tabpanel" aria-labelledby="overview-tab"
             tabindex="0">
            {% include 'backoffice/quiz/tab_overview.html.twig' %}
        </div>
        <div class="tab-pane fade" id="result-tab-pane" role="tabpanel" aria-labelledby="result-tab"
             tabindex="0">
            {% include 'backoffice/quiz/tab_result.html.twig' %}
        </div>
        <div class="tab-pane fade" id="candidates-tab-pane" role="tabpanel" aria-labelledby="candidates-tab"
             tabindex="0">
            {% include 'backoffice/quiz/tab_candidates.html.twig' %}
        </div>
    </div>
{% endblock %}