From 335f7ef403c298a600e7f6c1fcc428615814c7d6 Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Mon, 15 Apr 2024 18:51:26 -0600
Subject: [PATCH] club-page.hbs rearranged and commented out

---
 .../src/views/pages/clubs-page.hbs            | 212 +++++++++---------
 1 file changed, 105 insertions(+), 107 deletions(-)

diff --git a/ProjectSourceCode/src/views/pages/clubs-page.hbs b/ProjectSourceCode/src/views/pages/clubs-page.hbs
index 4cfc87a..e00fd82 100644
--- a/ProjectSourceCode/src/views/pages/clubs-page.hbs
+++ b/ProjectSourceCode/src/views/pages/clubs-page.hbs
@@ -1,123 +1,121 @@
-<div class="container" id="club-page-body">
+<div id="club-page-body" class="container">
 
-    <!-- Container on Left Side containing Club Information -->
-    <div class="container" id="club-information-container">
+    <!-- Container on Top containing Club Information -->
+    <div class="information-container" id="club-information-container">
         <img id="league-logo" src="{{club.crest}}" alt="{{club.name}} Logo">
         <h1 id="league-title">{{club.name}}</h2>
         <img id="league-flag" src="{{club.area.club_flag}}" alt="{{club.name}} Flag">
     </div>
 
-      
+    <!-- Container on Left Side containing Club History -->
+    <div id="club-history-container" class="information-container">
 
+        <!-- Container for Club Information -->
+        <div class="information-container" id="club-Attributes-container">
+
+            <h2>Information</h2>
+
+            <!-- Club Information -->
+            <ul id="scorers-list"></ul>
+            <table id="club-information-table" class="table">
+                <tbody>
+
+                    <!-- Club Address Container -->
+                    <tr>
+                        <td>
+                            <span style="font-weight: bold;">Club Address:</span><br>
+                            {{club.address}}
+                        </td>
+                    </tr>
+
+                    <!-- Club Foundation Container -->
+                    <tr>
+                        <td>
+                            <span style="font-weight: bold;">Founded</span><br>
+                            {{club.founded}}
+                        </td>
+                    </tr>
+
+                    <!-- Manager Information Table -->
+                    <tr>
+                        <td>
+                            <span style="font-weight: bold;">Manager</span><br>
+                            <span>Name: {{club.coach.name}}</span><br>
+                            <span>Nationality: {{club.coach.nationality}}</span><br>
+                            <span>DOB: {{club.coach.dateOfBirth}}</span><br>
+                            <span>contract start: {{club.coach.contract.start}}</span><br>
+                            <span>contract end: {{club.coach.contract.until}}</span><br>
+                        </td>
+                    </tr>
+
+                </tbody>
+            </table>
+
+        </div> <!-- End of Club History Container -->
         
+        <!-- Container to Display Club's Current Competitions -->
+        <div class="club-current-competitions-container">
+
+            <h2>Competitions</h2>
+
+            <ul id="competitions-list"></ul>
+            <table id="players-table" class="table">
+                <thead>
+                    <tr>
+                        <th>Name</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{#each club.runningCompetitions}}
+                    <tr>
+                        <td>{{name}}</td>
+                    </tr>
+                    {{/each}}
+                </tbody>
+            </table>
+
+        </div> <!-- End of Club Competitions Container -->
+    
+    </div>
+
+    <!-- Container on Right Side containing Club Stats -->
+    <div id="club-stats-and-players-container" class="stats-container">
+
+        <!-- Club Player Container -->
+        <div id="club-players-container" class="container">
+
+            <h2>Players</h2>
+            
+            <ul id="players-list"></ul>
+            <table id="players-table" class="table">
+                <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Position</th>
+                        <th>DOB</th>
+                        <th>Nationality</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {{#each club.squad}}
+                    <tr>
+                        <td>{{name}}</td>
+                        <td>{{position}}</td>
+                        <td>{{dateOfBirth}}</td>
+                        <td>{{nationality}}</td>
+                    </tr>
+                    {{/each}}
+                </tbody>
+            </table>
+
+        </div> <!-- End of Club Player Table Container -->
+
+    </div> <!-- End of Club Stats Container -->
 
 </div>
 
-<!-- Club Player Container -->
-<div class="container" id="club-players-container">
-    <h2>Players</h2>
-    <ul id="players-list"></ul>
-    <table id="players-table" class="table">
-        <thead>
-            <tr>
-                <th>Name</th>
-                <th>Position</th>
-                <th>DOB</th>
-                <th>Nationality</th>
-            </tr>
-        </thead>
-        <tbody>
-            {{#each club.squad}}
-            <tr>
-                <td>{{name}}</td>
-                <td>{{position}}</td>
-                <td>{{dateOfBirth}}</td>
-                <td>{{nationality}}</td>
-            </tr>
-            {{/each}}
-        </tbody>
-    </table>
-</div>
 
-<!-- Container for Club Information -->
-<div class="information-container" id="club-information-container">
 
-    <h2>Information</h2>
 
-    <!-- Club Information -->
-    <ul id="scorers-list"></ul>
-    <table id="top-scorers-table" class="table">
-        <tbody>
 
-            <!-- Club Crest -->
-            <tr>
-                <td id="club-crest">
-                    <img src="{{club.crest}}">
-                </td>
-            </tr>
 
-            <!-- Club Country Container -->
-            <tr>
-                <td id="club-area-flag-row">
-                    <img id="club-area-flag" src="{{club.area.club_flag}}">
-                </td>
-            </tr>
-
-            <!-- Club Address Container -->
-            <tr>
-                <td>
-                    <span style="font-weight: bold;">Club Address:</span><br>
-                    {{club.address}}
-                </td>
-            </tr>
-
-            <!-- Club Foundation Container -->
-            <tr>
-                <td>
-                    <span style="font-weight: bold;">Founded</span><br>
-                    {{club.founded}}
-                </td>
-            </tr>
-
-            <!-- Manager Information Table -->
-            <tr>
-                <td>
-                    <span style="font-weight: bold;">Manager</span><br>
-                    <span>Name: {{club.coach.name}}</span><br>
-                    <span>Nationality: {{club.coach.nationality}}</span><br>
-                    <span>DOB: {{club.coach.dateOfBirth}}</span><br>
-                    <span>contract start: {{club.coach.contract.start}}</span><br>
-                    <span>contract end: {{club.coach.contract.until}}</span><br>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-
-</div>
-
-<!-- Container to Display Club's Current Competitions -->
-<div class="club-current-competitions-container">
-
-    <h2>Competitions</h2>
-
-    <ul id="competitions-list"></ul>
-    <table id="players-table" class="table">
-
-        <thead>
-            <tr>
-                <th>Name</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            {{#each club.runningCompetitions}}
-            <tr>
-                <td>{{name}}</td>
-            </tr>
-            {{/each}}
-        </tbody>
-
-    </table>
-
-</div>