{% extends "cms/base.html" %}
{% block title %}Calendar{% endblock %}
{% block page_title %}Calendar{% endblock %}
{% block cms_content %}
<div class="cms-section-header"><h2>Calendar</h2></div>
<div class="cms-card" style="padding:0;overflow:hidden">
  <table class="cms-table" style="width:100%">
    <thead><tr><th style="text-align:left">Event</th><th>Date</th><th>Venue</th></tr></thead>
    <tbody>
      {% for e in events %}
      <tr>
        <td style="text-align:left"><a href="{% url 'cms_veventa_event' e.pk %}" style="text-decoration:none;font-weight:600">{{ e.name }}</a></td>
        <td>{% if e.date_jalali %}{{ e.date_jalali }}{% else %}{{ e.date|date:"d M Y" }}{% endif %}</td>
        <td>{{ e.venue.name|default:"—" }}{% if e.city %}, {{ e.city }}{% endif %}</td>
      </tr>
      {% empty %}
      <tr><td colspan="3" style="padding:2rem;text-align:center;color:var(--cms-muted)">No dated events yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}