use a info table for detail view

lineups/templates/lineups/info-table.html

@@ -0,0 +1,16 @@
+<table class="table">
+{#    <thead>#}
+{#    <tr>#}
+{#        {% for key in d.keys %}#}
+{#            <th scope="col">{{ key }}</th>#}
+{#        {% endfor %}#}
+{#    </tr>#}
+{#    </thead>#}
+
+    {% for key, value in d.items %}
+        <tr>
+        <th>{{ key }}</th>
+        <td>{{ value }}</td>
+        </tr>
+    {% endfor %}
+</table>

lineups/templates/lineups/lineup.html

@@ -25,11 +25,7 @@
     <div id="pills-tabContent" class="container-fluid tab-content bg-white my-1" data-toggle="tab">
     <div id="event-details" class="tab-pane show active" role="tabpanel" aria-labelledby="event-details-tab">
         <div>
-            <p class="m-1">Away Team: {{ event.away_team.name }}</p>
-            <p class="m-1">Home Team: {{ event.home_team.name }}</p>
-            <p class="m-1">Day: {{ event.start|date:"l, F j Y" }}</p>
-            <p class="m-1">Time: {{ event.start|date:"g:i A" }}</p>
-            <p class="m-1">Venue: {{ event.venue.name }}</p>
+            {% include 'lineups/info-table.html' with d=details %}
         </div>
     </div>
     <div id="event-lineup" class="tab-pane" role="tabpanel" aria-labelledby="event-lineup-tab">

lineups/views.py

@@ -72,8 +72,24 @@ def edit(request, event_id):
     formset_dhd = [f for f in formset if not f.instance.order and f.instance.position]
     formset_bench = [f for f in formset if f not in formset_lineup and f not in formset_dhd]
 
+    details = {
+        "Away Team": event.away_team,
+        "Home Team": event.home_team,
+        "Date": event.start.date(),
+        "Time": event.start.time(),
+        "Venue": event.venue,
+        "TeamSnap Link": event.event_set.first()
+    }
+    # <p class="m-1">Away Team: {{ event.away_team.name }}</p>
+    # <p class="m-1">Home Team: {{ event.home_team.name }}</p>
+    # <p class="m-1">Day: {{ event.start|date:"l, F j Y" }}</p>
+    # <p class="m-1">Time: {{ event.start|date:"g:i A" }}</p>
+    # <p class="m-1">Venue: {{ event.venue.name }}</p>
+    # <p class="m-1">TeamSnap Link: <a href="{% url "teamsnap edit event" event.event_set.first.id %}">{{ event.event_set.first }}</a> </p>
+
+
     return render(request, 'lineups/lineup.html', {'title': 'Lineup',
-                                                   'event': event,
+                                                   'event': event,                                               'details':details,
                                                    'previous_event': previous_event,
                                                    'next_event': next_event,
                                                    'formset': formset,