{% extends "base.html" %}
{% block content %}

<h2>Add Level 1 Hobby</h2>

<form method="post">
  <label>Name *</label>
  <input type="text" name="name" required>

  <label>Description</label>
  <textarea name="description" rows="3"></textarea>

  <label>Date RRULE (e.g. FREQ=WEEKLY;BYDAY=SA)</label>
  <input type="text" name="date_rrule">

  <label>Next datetime</label>
  <input type="datetime-local" name="next_time">

  <label>Directory (relative, optional)</label>
  <input type="text" name="directory">
  <p class="small">
    If left empty, a directory name will be generated from the hobby name.
    All directories live under <code>hobbies_data/</code>.
  </p>

  <button type="submit" class="btn btn-primary">Create Hobby</button>
</form>

<h2>All Hobbies</h2>
<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Level</th>
      <th>Name</th>
      <th>Parent</th>
      <th>Date RRULE</th>
      <th>Next Time</th>
      <th>Directory</th>
      <th>Detail</th>
    </tr>
  </thead>
  <tbody>
  {% for hobby in hobbies %}
    <tr>
      <td>{{ hobby.id }}</td>
      <td>{{ hobby.level }}</td>
      <td>{{ hobby.name }}</td>
      <td>
        {% if hobby.parent %}
          {{ hobby.parent.name }} (ID {{ hobby.parent.id }})
        {% else %}
          –
        {% endif %}
      </td>
      <td>{{ hobby.date_rrule or "" }}</td>
      <td>
        {% if hobby.next_time %}
          {{ hobby.next_time }}
        {% else %}
          –
        {% endif %}
      </td>
      <td><code>{{ hobby.directory }}</code></td>
      <td><a href="{{ url_for('hobby_detail', hobby_id=hobby.id) }}">Open</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>

{% endblock %}