From 3edde1c7db1160e11164d14709a928a28a184733 Mon Sep 17 00:00:00 2001
From: thibaud-leclere <thibaud.leclere@gmail.com>
Date: Tue, 31 Mar 2026 21:28:08 +0200
Subject: [PATCH] feat: add loading spinner when starting a new game

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 templates/homepage/index.html.twig | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/templates/homepage/index.html.twig b/templates/homepage/index.html.twig
index c240761..2d25b7a 100644
--- a/templates/homepage/index.html.twig
+++ b/templates/homepage/index.html.twig
@@ -29,10 +29,17 @@
         </div>
     {% else %}
         <div class="game-start-container">
-            <form method="post" action="{{ path('app_game_start') }}">
+            <form method="post" action="{{ path('app_game_start') }}" id="start-form">
                 <input type="hidden" name="_token" value="{{ csrf_token('game_start') }}">
                 <button type="submit" class="btn btn-primary btn-start">Commencer une partie</button>
             </form>
+            <div class="start-loader" id="start-loader"></div>
+            <script>
+                document.getElementById('start-form').addEventListener('submit', function () {
+                    this.style.display = 'none';
+                    document.getElementById('start-loader').style.display = 'block';
+                });
+            </script>
         </div>
     {% endif %}
 {% endblock %}