Add support to add events

new-registration-app/templates/index.html

@@ -1,13 +1,26 @@
 {% extends "base.html" %}
 {% block content %}
+<div class="row mt-4 mb-3">
+    <div class="col d-flex justify-content-between align-items-center">
+        <h2>Kommende Events</h2>
+        <a href="/event/add" class="btn btn-primary">
+            <i class="bi bi-plus-circle"></i> Neues Event erstellen
+        </a>
+    </div>
+</div>
 {% for event in events %}
 <div class="row">
     <div class="col">
         <div class="card p-3 m-3">
             <div class="card-body">
-                <h5 class="card-title">{{ event.title }}</h5>
+                <div class="d-flex justify-content-between align-items-center">
+                    <h5 class="card-title">{{ event.title }}</h5>
+                    <h5 class="text-muted"><i class="bi bi-calendar"></i> {{ event.event_time.strftime('%A, %d.%m.%Y')
+                        }}
+                    </h5>
+                </div>
                 <p class="card-text">{{ event.description }}</p>
-                <a href="event/{{ event.id }}" class="btn btn-primary">Zur Anmeldung</a>
+                <a href="event/{{ event.id }}" class="btn {% if event.registration_deadline > now %}btn-primary{% else %}btn-secondary{% endif %}">{% if event.registration_deadline > now %}Zur Anmeldung{% else %}Details ansehen{% endif %}</a>
             </div>
         </div>
     </div>