Add quiz management features and improve UI

templates/backoffice/index.html.twig

@@ -3,7 +3,7 @@
 {% block title %}Hello BackofficeController!{% endblock %}
 
 {% block body %}
-    <h2>
+    <h2 class="py-2">
         {{ is_granted('ROLE_ADMIN') ? 'All Seasons'|trans : 'Your Seasons'|trans }}
     </h2>
     <table class="table table-hover">
@@ -29,7 +29,7 @@
                     {% if season.activeQuiz %}
                         {{ season.activeQuiz.name }}
                     {% else %}
-                        {{ ' No active quiz '|trans }}
+                        {{ 'No active quiz'|trans }}
                     {% endif %}
                 </td>
                 <td>

templates/backoffice/quiz.html.twig

@@ -1,13 +1,11 @@
 {% extends 'backoffice/base.html.twig' %}
 
 {% block body %}
-    <p>
-    <h2>{{ 'Quiz'|trans }}: {{ quiz.season.name }} - {{ quiz.name }}</h2>
-    </p>
+    <h2 class="py-2">{{ 'Quiz'|trans }}: {{ quiz.season.name }} - {{ quiz.name }}</h2>
+    <a class="py-2 btn btn-primary {% if quiz is same as(season.activeQuiz) %}disabled{% endif %}"
+       href="{{ path('app_backoffice_enable', {seasonCode: season.seasonCode, quiz: quiz.id}) }}">{{ 'Make active'|trans }}</a>
     <div id="questions">
-        <p>
-        <h4>{{ 'Questions'|trans }}</h4>
-        </p>
+        <h4 class="py-2">{{ 'Questions'|trans }}</h4>
         <div class="accordion">
             {% for question in quiz.questions %}
                 <div class="accordion-item">

templates/backoffice/season.html.twig

@@ -1,11 +1,9 @@
 {% extends 'backoffice/base.html.twig' %}
 {% block body %}
-    <p>
-    <h2>{{ 'Season'|trans }}: {{ season.name }}</h2>
-    </p>
+    <h2 class="py-2">{{ 'Season'|trans }}: {{ season.name }}</h2>
     <div class="row">
         <div class="col-md-6 col-12">
-            <h4>{{ 'Quizzes'|trans }}</h4>
+            <h4 class="py-2">{{ 'Quizzes'|trans }}</h4>
             <div class="list-group">
                 {% for quiz in season.quizzes %}
                     <a class="list-group-item list-group-item-action{% if season.activeQuiz == quiz %} active{% endif %}"
@@ -15,12 +13,17 @@
                 {% endfor %}
             </div>
         </div>
-        <div class="col-md-6 col-12">
-            <h4>{{ 'Candidates'|trans }}</h4>
+        <div class="col-md-3 col-12">
+            <div style="display: flex ;flex-direction: row; justify-content: space-between">
+                <h4 class="py-2">{{ 'Candidates'|trans }}</h4>
+                <button class="btn btn-outline-primary">{{ 'Add Candidate'|trans }}</button>
+
+            </div>
             <ul>
                 {% for candidate in season.candidates %}
                     <li>{{ candidate.name }}</li>{% endfor %}
             </ul>
         </div>
+        <div class="col-12 col-md-3"></div>
     </div>
 {% endblock body %}