{% extends 'core/base.html' %}
{% block title %}Organizations | Killian{% endblock %}

{% block content %}
<div class="page-head">
    <div>
        <h1>Organizations</h1>
        <p>Client spaces keep documentation, infrastructure, and credentials separated.</p>
    </div>

    {% if perms.core.killian_org_create or perms.core.killian_org_manage or perms.core.killian_org_import or perms.core.killian_org_export %}
        <div class="page-head-actions">
            {% if perms.core.killian_org_create %}
                <a class="button" href="{% url 'org_create' %}">New organization</a>
            {% endif %}
            {% if perms.core.killian_org_manage %}
                <a class="button secondary" href="{% url 'org_manage' %}">Manage Organizations</a>
            {% endif %}
            {% if perms.core.killian_org_import or perms.core.killian_org_export %}
                <a class="button secondary" href="{% url 'organization_import_export' %}">Import / Export</a>
            {% endif %}
        </div>
    {% endif %}
</div>

<div class="table organization-list js-sortable-list">
    <div class="row organization-list-row organization-list-head">
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="name" data-sort-direction="none">Organization <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="short-name" data-sort-direction="none">Short Name <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="primary-contact" data-sort-direction="none">Primary Contact <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="status" data-sort-direction="none">Status <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="agents" data-sort-direction="none">Agents <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="objects" data-sort-direction="none">Objects <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
        <span>
            {% if perms.core.killian_kb_view %}
                <button type="button" class="module-table-sort js-list-sort" data-sort-key="kb" data-sort-direction="none">KB <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button>
            {% else %}
                KB
            {% endif %}
        </span>
        <span><button type="button" class="module-table-sort js-list-sort" data-sort-key="created" data-sort-direction="none">Created Date <span class="module-table-sort-indicator" aria-hidden="true">↕</span></button></span>
    </div>

    {% for row in organization_rows %}
        <a
            class="row organization-list-row js-list-sort-row"
            href="{% url 'org_detail' row.org.pk %}"
            data-sort-name="{{ row.org.name|escape }}"
            data-sort-short-name="{{ row.org.short_name|default:''|escape }}"
            data-sort-primary-contact="{% if row.primary_contact %}{{ row.primary_contact.full_name|escape }}{% endif %}"
            data-sort-status="{{ row.org.status|escape }}"
            data-sort-agents="{{ row.agent_count }}"
            data-sort-objects="{{ row.entry_count }}"
            data-sort-kb="{% if perms.core.killian_kb_view %}{{ row.org.articles.count }}{% endif %}"
            data-sort-created="{{ row.org.created_at|date:'c' }}"
        >
            <span class="organization-list-name">
                <b>{{ row.org.name }}</b>
            </span>
            <span class="organization-short-name">
                {% if row.org.short_name %}
                    {{ row.org.short_name }}
                {% endif %}
            </span>
            <span class="organization-primary-contact">
                {% if row.primary_contact %}
                    {{ row.primary_contact.full_name }}
                {% else %}
                    —
                {% endif %}
            </span>
            <span class="organization-status{% if row.org.status|lower == 'active' %} organization-status-active{% endif %}">
                {{ row.org.status }}
            </span>
            <span class="organization-agent-count">
                <span class="organization-agent-number">{{ row.agent_count }}</span>
                Agent{{ row.agent_count|pluralize }}
            </span>
            <span class="organization-object-summary"><span class="organization-object-count">{{ row.entry_count }}</span> Organization Objects</span>
            <span>{% if perms.core.killian_kb_view %}{{ row.org.articles.count }} KB{% else %}—{% endif %}</span>
            <span class="organization-created-date">Created Date: {{ row.org.created_at|date:"M j, Y" }}</span>
        </a>
    {% empty %}
        <p class="empty-state">No active organizations are assigned to your account.</p>
    {% endfor %}
</div>
{% endblock %}