Implement email verification feature, add registration form, and update user entity for verification status

templates/backoffice/base.html.twig

@@ -28,7 +28,14 @@
 {% endblock nav %}
 <main>
     <div class="container">
-        {# {% include "messages.html" %} #}
+        {% for label, messages in app.flashes() %}
+            {% for message in messages %}
+                <div class="alert alert-{{ label }} alert-dismissible " role="alert">
+                    {{ message }}
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+            {% endfor %}
+        {% endfor %}
         {% block body %}
         {% endblock body %}
     </div>

templates/backoffice/index.html.twig

@@ -3,26 +3,33 @@
 {% block title %}Hello BackofficeController!{% endblock %}
 
 {% block body %}
-    <h2>{% trans %}Your Seasons{% endtrans %}</h2>
+    <h2>
+        {{ is_granted('ROLE_ADMIN') ? 'All Seasons'|trans : 'Your Seasons'|trans }}
+    </h2>
     <table class="table table-hover">
         <thead>
         <tr>
-            <th scope="col">{% trans %}Name{% endtrans %}</th>
-            <th scope="col">{% trans %}Active Quiz{% endtrans %}</th>
-            <th scope="col">{% trans %}Season Code{% endtrans %}</th>
-            <th scope="col">{% trans %}Preregister?{% endtrans %}</th>
-            <th scope="col">{% trans %}Manage{% endtrans %}</th>
+            {% if is_granted('ROLE_ADMIN') %}
+                <th scope="col">{{ 'Owner(s)'|trans }}</th>
+            {% endif %}
+            <th scope="col">{{ 'Name'|trans }}</th>
+            <th scope="col">{{ 'Active Quiz'|trans }}</th>
+            <th scope="col">{{ 'Season Code'|trans }}</th>
+            <th scope="col">{{ 'Manage'|trans }}</th>
         </tr>
         </thead>
         <tbody>
         {% for season in seasons %}
             <tr class="align-middle">
+                {% if is_granted('ROLE_ADMIN') %}
+                    <td>{{ season.owners|map(o => o.email)|join(', ') }}</td>
+                {% endif %}
                 <td>{{ season.name }}</td>
                 <td>
                     {% if season.activeQuiz %}
                         {{ season.activeQuiz.name }}
                     {% else %}
-                        {% trans %} No active quiz {% endtrans %}
+                        {{ ' No active quiz '|trans }}
                     {% endif %}
                 </td>
                 <td>
@@ -30,14 +37,7 @@
                        {% else %}class="disabled" {% endif %}>{{ season.seasonCode }}</a>
                 </td>
                 <td>
-                    <input class="form-check-input"
-                           type="checkbox"
-                           disabled
-                           {% if season.preregisterCandidates %}checked{% endif %}
-                           aria-label="Preregister Enabled">
-                </td>
-                <td>
-                    <a href="{{ path('app_backoffice_season', {seasonCode: season.seasonCode}) }}">{% trans %}Manage{% endtrans %}</a>
+                    <a href="{{ path('app_backoffice_season', {seasonCode: season.seasonCode}) }}">{{ 'Manage'|trans }}</a>
                 </td>
             </tr>
         {% else %}

templates/login/login.html.twig

@@ -1,43 +1,39 @@
-{% extends 'base.html.twig' %}
+{% extends 'backoffice/base.html.twig' %}
 
-{% block title %}Log in!{% endblock %}
+{% block title %}Log in{% endblock %}
 
 {% block body %}
-    <form method="post">
-        {% if error %}
-            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
-        {% endif %}
-
-        {% if app.user %}
-            <div class="mb-3">
-                You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
-            </div>
-        {% endif %}
-
-        <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
-        <label for="username">Email</label>
-        <input type="email" value="{{ last_username }}" name="_username" id="username" class="form-control"
-               autocomplete="email" required autofocus>
-        <label for="password">Password</label>
-        <input type="password" name="_password" id="password" class="form-control" autocomplete="current-password"
-               required>
-
-        <input type="hidden" name="_csrf_token"
-               value="{{ csrf_token('authenticate') }}"
-        >
-
-        {#
-        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
-        See https://symfony.com/doc/current/security/remember_me.html
-
-        <div class="checkbox mb-3">
-            <input type="checkbox" name="_remember_me" id="_remember_me">
-            <label for="_remember_me">Remember me</label>
+    {% if app.user %}
+        <div class="mb-3">
+            You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_login_logout') }}">Logout</a>
         </div>
-        #}
+    {% else %}
+        <form method="post">
+            <h1 class="h3 mb-3 font-weight-normal">{{ 'Please sign in'|trans }}</h1>
+            <div class="mb-3">
+                <label for="username" class="form-label">{{ 'Email'|trans }}</label>
+                <input type="email" value="{{ last_username }}" name="_username" id="username" class="form-control"
+                       autocomplete="email" required autofocus>
+            </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">{{ 'Password'|trans }}</label>
+                <input type="password" name="_password" id="password" class="form-control"
+                       autocomplete="current-password"
+                       required>
+            </div>
+            <input type="hidden" name="_csrf_token"
+                   value="{{ csrf_token('authenticate') }}"
+            >
+            <div class="mb-3 form-check">
+                <input type="checkbox" name="_remember_me" id="_remember_me" class="form-check-input">
+                <label for="_remember_me" class="form-check-label">{{ 'Remember me'|trans }}</label>
+            </div>
 
-        <button class="btn btn-lg btn-primary" type="submit">
-            Sign in
-        </button>
-    </form>
+            <button class="btn btn-lg btn-primary" type="submit">
+                {{ 'Sign in'|trans }}
+            </button>
+            <a href="{{ path('app_register') }}"
+               class="btn btn-link">{{ 'Create an account'|trans }}</a>
+        </form>
+    {% endif %}
 {% endblock %}

templates/registration/confirmation_email.html.twig

@@ -0,0 +1,11 @@
+<h1>Hi! Please confirm your email!</h1>
+
+<p>
+    Please confirm your email address by clicking the following link: <br><br>
+    <a href="{{ signedUrl|raw }}">Confirm my Email</a>.
+    This link will expire in {{ expiresAtMessageKey|trans(expiresAtMessageData, 'VerifyEmailBundle') }}.
+</p>
+
+<p>
+    Cheers!
+</p>

templates/registration/register.html.twig

@@ -0,0 +1,17 @@
+{% extends 'backoffice/base.html.twig' %}
+{% block title %}{{ 'Register'|trans }}{% endblock %}
+
+{% block body %}
+    <h3>{{ 'Register'|trans }}</h3>
+
+    {{ form_errors(registrationForm) }}
+
+    {{ form_start(registrationForm) }}
+    {{ form_row(registrationForm.email) }}
+    {{ form_row(registrationForm.plainPassword) }}
+
+    <button type="submit" class="btn btn-primary">Register</button>
+    <a href="{{ path('app_login_login') }}" class="btn btn-link">{{ 'Already have an account? Log in'|trans }}</a>
+
+    {{ form_end(registrationForm) }}
+{% endblock %}