{% extends "base.html" %}
{% load wagtailcore_tags %}

{% block content %}
<h1 class="text-4xl font-bold tracking-tight mb-8">{{ page.title }}</h1>

{% if page.body %}
<div class="prose prose-gray max-w-none">{{ page.body|richtext }}</div>
{% endif %}

{% if page.get_children.live %}
<div class="mt-12 grid gap-4">
    {% for child in page.get_children.live.specific %}
    <a href="{% pageurl child %}" class="block p-5 rounded-lg border border-gray-200 hover:border-gray-400 transition-colors">
        <span class="font-medium">{{ child.title }}</span>
        {% if child.start_date %}
        <span class="block text-sm text-gray-500 mt-1">{{ child.start_date|date:"F j, Y" }} · {{ child.location }}</span>
        {% endif %}
    </a>
    {% endfor %}
</div>
{% endif %}
{% endblock %}