Add player list.

app.py

@@ -188,9 +188,10 @@ def episode_detail(season_id: int, episode_id: int):
     episode = db.query_db(sql, args, one=True, cls=models.Episode)
     sql, args = db.load_episode_players(episode_id)
     ep_players = db.query_db(sql, args, cls=models.Player)
-
     model = {
-        "title": f"{season.code}{episode.code}"
+        "title": f"{season.code}{episode.code}",
+        "episode": episode,
+        "players": ep_players
     }
 
     return render_template("episode_details.html", model=model)

templates/episode_details.html

@@ -4,6 +4,60 @@
 
 {% block content %}
 <div class="container">
+  <div class="row">
+    <div class="col-6">
 
+      <!--region Info Card-->
+
+      <div class="card">
+        <div class="card-header text-center">
+          {{ model.episode.code }}: {{ model.episode.title }}
+        </div>
+        <div class="card-body">
+        </div>
+      </div>
+
+      <!--endregion-->
+
+      <hr>
+
+      <!--region Player Card-->
+
+      <div class="card">
+        <div class="card-header text-center">
+          Players in this episode
+        </div>
+        <div class="card-body">
+          <table class="table table-striped table-bordered">
+            <thead>
+              <tr>
+                <th scope="col" class="col-sm-auto text-center">Name</th>
+              </tr>
+            </thead>
+            <tbody>
+              {% for player in model.players %}
+              <tr>
+                  <td class="col-sm-auto text-center">{{ player.name }}</td>
+              </tr>
+            {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <!--endregion-->
+
+    </div>
+
+    <div class="col-6">
+      <div class="card">
+        <div class="card-header text-center">
+          Events
+        </div>
+        <div class="card-body">
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
 {% endblock %}