From d08c578aa127cccacfff1febdd625b2bb79448dc Mon Sep 17 00:00:00 2001
From: Raz <razmig@staxriver.com>
Date: Mon, 13 Jan 2025 17:30:05 +0100
Subject: [PATCH] fix group stage qualified style

---
 padelclub_backend/settings.py                     |  1 +
 tournaments/models/group_stage.py                 |  2 ++
 tournaments/static/tournaments/css/style.css      | 15 ++++++++++++++-
 .../broadcast/broadcasted_group_stage.html        |  7 +++----
 .../templates/tournaments/group_stage_cell.html   | 15 ++++++++++++---
 5 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/padelclub_backend/settings.py b/padelclub_backend/settings.py
index 19ff1c7..4bab759 100644
--- a/padelclub_backend/settings.py
+++ b/padelclub_backend/settings.py
@@ -142,6 +142,7 @@ STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
 
 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
 
+CSRF_TRUSTED_ORIGINS = ['http://127.0.0.1:8000']  # Ajoutez vos domaines de confiance
 
 from .settings_local import *
 from .settings_app import *
diff --git a/tournaments/models/group_stage.py b/tournaments/models/group_stage.py
index 863abea..16a4d95 100644
--- a/tournaments/models/group_stage.py
+++ b/tournaments/models/group_stage.py
@@ -197,6 +197,7 @@ class GroupStageTeam:
         self.display_set_difference = False
         self.weight = team_registration.weight
         self.team_registration = team_registration
+        self.qualified = team_registration.qualified
 
     def wins_losses(self):
         return f"{self.wins}/{self.losses}"
@@ -241,4 +242,5 @@ class GroupStageTeam:
             "diff": self.formatted_diff(),
             "weight": self.weight,
             "match_count": self.match_count(),
+            "qualified": self.qualified,
         }
diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css
index 9c1b320..cfafeaa 100644
--- a/tournaments/static/tournaments/css/style.css
+++ b/tournaments/static/tournaments/css/style.css
@@ -323,10 +323,14 @@ tr {
     /* width: 30px; */
 }
 
-.winner {
+.header {
     color: #f39200;
 }
 
+.winner {
+    color: #f9d348;
+}
+
 .ws {
     font-family: "Montserrat-SemiBold";
     /* text-align: right; */
@@ -733,3 +737,12 @@ h-margin {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
+.group-stage-link {
+    text-decoration: none;
+    color: inherit;
+}
+
+.group-stage-link:hover {
+    color: #f39200; /* Or whatever hover color you prefer */
+}
diff --git a/tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html b/tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html
index 468d208..865a8d5 100644
--- a/tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html
@@ -1,18 +1,17 @@
 <div class="dark_bubble">
 
     <div class="flex-row">
-        <label class="left-label matchtitle winner"><span x-text="group_stage.group_stage_name"></span> <span x-text="group_stage.title"></span></label>
+        <label class="left-label matchtitle header"><span x-text="group_stage.group_stage_name"></span> <span x-text="group_stage.title"></span></label>
     </div>
 
     <template x-for="i in group_stage.teams.length">
 
         <div>
-            <div class="flex">
-
+             <div class="flex" :class="group_stage.teams[i-1].qualified ? 'winner' : ''">
                 <div class="flex-left">
                     <template x-for="name in group_stage.teams[i-1].names">
 
-                        <div class="bold" :class="group_stage.teams[i-1].is_winner ? 'winner' : ''" x-text="name"></div>
+                        <div class="bold" x-text="name"></div>
 
 
                         <!-- <div class="semibold" x-data="{
diff --git a/tournaments/templates/tournaments/group_stage_cell.html b/tournaments/templates/tournaments/group_stage_cell.html
index ee90d69..eaf3f04 100644
--- a/tournaments/templates/tournaments/group_stage_cell.html
+++ b/tournaments/templates/tournaments/group_stage_cell.html
@@ -4,7 +4,7 @@
             <div class="dark_bubble">
 
                 <div class="flex-row">
-                    <label class="left-label matchtitle winner">{{ group_stage.title }}</label>
+                    <label class="left-label matchtitle header">{{ group_stage.title }}</label>
                     <!-- <label class="right-label info">{{ match.date }}</label> -->
                 </div>
 
@@ -12,13 +12,22 @@
 
                 {% for team in group_stage.teams %}
 
-                <div class="flex">
+                <div class="flex {% if team.qualified %}winner{% endif %}">
                     <div class="flex-left">
+                        {% if team.team_registration.id %}
+                        <a href="{% url 'team-details' tournament.id team.team_registration.id %}" class="group-stage-link"> <!-- Add this anchor tag -->
+                        {% endif %}
+
                         {% for name in team.names %}
-                        <div class="semibold {% if team.is_winner %}winner{% endif %}">
+                        <div class="semibold">
                             {{ name }}
                         </div>
                         {% endfor %}
+
+                        {% if team.team_registration.id %}
+                        </a>
+                        {% endif %}
+
                     </div>
                     <div class="flex-right">
                         {% if group_stage.started %}