{% extends "layouts/settings.html" %}
{% block title %}Workspaces - Settings - Redea Social{% endblock %}
{% block content %}
<div class="">
    <h2 class="text-xl font-semibold mb-8" style="color: var(--text-primary);">Workspaces</h2>

    {% if workspace_data %}
    <div style="background: var(--surface-0); border: 1px solid var(--border); border-radius: var(--radius-xl);">
        {% for item in workspace_data %}
        <div class="px-6 py-4{% if not forloop.last %}" style="border-bottom: 1px solid var(--border);"{% else %}"{% endif %}>
            {% include "organizations/partials/workspace_card.html" with item=item %}
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="px-6 py-12 text-center rounded-xl" style="background: var(--surface-0); border: 1px solid var(--border);">
        <p class="text-sm" style="color: var(--text-tertiary);">No workspaces yet.</p>
    </div>
    {% endif %}

    {% if archived_data %}
    <h3 class="text-sm font-semibold mt-10 mb-3" style="color: var(--text-secondary);">Archived</h3>
    <div style="background: var(--surface-0); border: 1px solid var(--border); border-radius: var(--radius-xl); opacity: 0.75;">
        {% for item in archived_data %}
        <div class="px-6 py-4{% if not forloop.last %}" style="border-bottom: 1px solid var(--border);"{% else %}"{% endif %}>
            {% include "organizations/partials/workspace_card.html" with item=item %}
        </div>
        {% endfor %}
    </div>
    {% endif %}
</div>
{% endblock %}