{% extends "django_program/manage/base.html" %}

{% block title %}Rooms{% endblock %}

{% block page_title %}
<h1>Rooms</h1>
<p>Venue rooms and spaces</p>
{% endblock %}

{% block page_actions %}
<a href="{% url 'manage:room-add' conference.slug %}" class="btn btn-primary">Add Room</a>
{% endblock %}

{% block content %}
{% if rooms %}
<table class="data-table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Capacity</th>
      <th>Position</th>
      <th>Sync Status</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for room in rooms %}
    <tr>
      <td>{{ room.name }}</td>
      <td>{% if room.capacity %}{{ room.capacity }}{% else %}&mdash;{% endif %}</td>
      <td>{% if room.position is not None %}{{ room.position }}{% else %}&mdash;{% endif %}</td>
      <td>
        {% if room.synced_at %}
        <span class="badge badge--synced">&#128274; Synced from Pretalx</span>
        {% else %}
        <span class="badge badge--other">Manual</span>
        {% endif %}
      </td>
      <td>
        <a href="{% url 'manage:room-edit' conference.slug room.pk %}" class="btn btn-sm btn-secondary">Edit</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<div class="empty-state">
  <p>No rooms yet. Sync from Pretalx or create rooms manually.</p>
</div>
{% endif %}
{% endblock %}