{% extends "base.html" %}
{% block title %}Spaces — {{ site_name }}{% endblock %}
{% block content %}
  <div style="display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start;">
    <div>
      <h1 style="margin-bottom:0.35rem;">Spaces</h1>
      <p class="muted" style="margin:0;">
        Co-creation spaces for your tenant. Pages live as markdown on the content plane
        (local dir+git; Forgejo optional).
      </p>
    </div>
    <a class="btn" href="{% url 'spaces:create' %}">New space</a>
  </div>

  {% if spaces %}
    <ul class="space-list" style="list-style:none;padding:0;margin:1.5rem 0 0;">
      {% for space in spaces %}
        <li class="card" style="margin-top:0.75rem;">
          <a href="{% url 'spaces:detail' space.slug %}" style="color:inherit;text-decoration:none;">
            <strong>{{ space.title }}</strong>
            <span class="muted"> · {{ space.slug }}</span>
          </a>
          {% if space.description %}
            <p class="muted" style="margin:0.35rem 0 0;font-size:0.95rem;">{{ space.description }}</p>
          {% endif %}
          {% if space.visual %}
            <p class="muted" style="margin:0.25rem 0 0;font-size:0.85rem;">Visual: {{ space.visual }}</p>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  {% else %}
    <div class="card">
      <h2 style="margin-top:0;">No spaces yet</h2>
      <p class="muted">
        Create a space to start writing pages (Title, Abstract, Visual + markdown body).
      </p>
      <p style="margin-bottom:0;">
        <a class="btn" href="{% url 'spaces:create' %}">Create your first space</a>
      </p>
    </div>
  {% endif %}
{% endblock %}