{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between mb-3">
  <h3>Events</h3>
  <a class="btn btn-success" href="{% url 'events:event_add' %}">Add Event</a>
</div>
<table class="table table-hover">
  <thead><tr><th>#</th><th>Name</th><th>Type</th><th>Dates</th><th>Place</th><th>Actions</th></tr></thead>
  <tbody>
    {% for e in events %}
      <tr>
        <td>{{ forloop.counter }}</td>
        <td>{{ e.name }}</td>
        <td>{{ e.event_type }}</td>
        <td>{{ e.start_date }} - {{ e.end_date }}</td>
        <td>{{ e.place }}</td>
        <td>
          <a class="btn btn-sm btn-primary" href="{% url 'events:event_edit' e.pk %}">Edit</a>
          <a class="btn btn-sm btn-danger" href="{% url 'events:event_delete' e.pk %}">Delete</a>
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="6">No events found.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}