{% extends "authorized.html" %}
{% block center %}
<h1>Create Event</h1>

<form method="post" action="/createevent">
  <div>
    <label for="title">Title:</label>
    <input type="text" id="title" name="title" required>
  </div>
  <div>
    <label for="description">Description:</label>
    <textarea id="description" name="description"></textarea>
  </div>
  <div>
    <label for="state">State:</label>
    <select id="state" name="state" required>
      <option value="pending">Pending</option>
      <option value="approved">Approved</option>
      <option value="rejected">Rejected</option>
    </select>
  </div>
  <div>
    <label for="calendar_id">Calendar ID:</label>
    <select id="calendar_id" name="calendar_id" required>
      {% for cal in calendars %}
      <option value="{{ cal.id }}">{{ cal.name }}</option>
      {% endfor %}
    </select>
  </div>
  <div>
    <label for="event_type_id">Event Type ID:</label>
    <input type="text" id="event_type_id" name="event_type_id" required>
  </div>
  <div>
    <label for="start_time">Start Date:</label>
    <input type="date" id="start_time" name="start_time" required>
  </div>
  <div>
    <label for="end_time">End Date:</label>
    <input type="date" id="end_time" name="end_time" required>
  </div>
  <button type="submit">Create Event</button>
</form>
{% endblock center %}