{% extends 'core/base.html' %}
{% block title %}Create Event – SplitChat{% endblock %}
{% block content %}
{% with current_room=room %}
<div class="page-header">
  <div>
    <h1 class="page-title">Create Event</h1>
    <p class="page-subtitle">in <a href="{% url 'room_detail' room_id=room.id %}">#{{ room.name }}</a></p>
  </div>
</div>
<div class="page-body">
  <div style="max-width:520px;">
    <div class="card">
      <form method="post">
        {% csrf_token %}
        {% for field in form %}
        <div class="form-group">
          <label>{{ field.label }}</label>
          {{ field }}
          {% if field.errors %}<div class="error-list">{{ field.errors.0 }}</div>{% endif %}
        </div>
        {% endfor %}
        <div class="flex gap-2" style="margin-top:8px;">
          <button type="submit" class="btn btn-primary">Create Event</button>
          <a href="{% url 'room_detail' room_id=room.id %}" class="btn btn-secondary">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</div>
{% endwith %}
{% endblock %}