Fehlerbehebung Concerts

app/templates/index.html

@@ -57,6 +57,10 @@
             gap: 15px;
         }
 
+        .past-concerts-title {
+            margin: 28px 0 0;
+        }
+
         .concert-card {
             display: block;
             padding: 22px;
@@ -150,11 +154,11 @@
     </header>
 
 
-    {% if concerts %}
+    {% if upcoming_concerts or past_concerts %}
 
         <div class="concert-list">
 
-            {% for concert in concerts %}
+            {% for concert in upcoming_concerts %}
 
                 <a
                     href="/concerts/{{ concert.id }}"
@@ -184,6 +188,42 @@
 
             {% endfor %}
 
+            {% if past_concerts %}
+
+                <h2 class="past-concerts-title">
+                    Vergangene Konzerte
+                </h2>
+
+                {% for concert in past_concerts %}
+
+                    <a
+                        href="/concerts/{{ concert.id }}"
+                        class="concert-card"
+                    >
+
+                        <div class="concert-artist">
+                            🎸 {{ concert.artist }}
+                        </div>
+
+                        <div class="concert-meta">
+
+                            <div class="concert-date">
+                                📅 {{ concert.date }}
+                                um {{ concert.time }} Uhr
+                            </div>
+
+                            <div>
+                                📍 {{ concert.venue }}
+                            </div>
+
+                        </div>
+
+                    </a>
+
+                {% endfor %}
+
+            {% endif %}
+
         </div>
 
     {% else %}