{% extends 'core/base.html' %}

{% block title %}Organization Import / Export | Killian{% endblock %}

{% block content %}
<div class="breadcrumbs">
    {% if perms.core.killian_org_view %}<a href="{% url 'org_list' %}">Organizations</a><span>/</span>{% endif %}<strong>Import / Export</strong>
</div>

<div class="page-head">
    <div>
        <h1>Organization Import / Export</h1>
        <p>Export one organization for backup or reporting, or import a previously exported organization.</p>
    </div>
    {% if perms.core.killian_org_view %}<a class="button secondary" href="{% url 'org_list' %}">Back</a>{% else %}<a class="button secondary" href="{% url 'dashboard' %}">Back</a>{% endif %}
</div>

<div{% if perms.core.killian_org_export and perms.core.killian_org_import %} class="two"{% endif %}>
    {% if perms.core.killian_org_export %}
    <section class="module-panel">
        <div class="module-panel-head"><div><h2>Export Organization</h2><span>Select an organization and export it as JSON or CSV.</span></div></div>
        <div style="padding:22px;">
            {% for org in orgs %}
                <div style="display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);">
                    <div><strong>{{ org.name }}</strong><div class="muted" style="margin-top:3px;">{{ org.status }}</div></div>
                    <div style="display:flex;gap:8px;flex-wrap:wrap;">
                        <a class="button" href="{% url 'organization_export_json' org.pk %}">JSON</a>
                        <a class="button secondary" href="{% url 'organization_export_csv' org.pk %}">CSV</a>
                    </div>
                </div>
            {% empty %}
                <p class="muted">No organizations are available to export.</p>
            {% endfor %}
        </div>
    </section>
    {% endif %}

    {% if perms.core.killian_org_import %}
    <section class="module-panel">
        <div class="module-panel-head"><div><h2>Import Organization</h2><span>Restore an organization from a Killian JSON organization export.</span></div></div>
        <div style="padding:22px;">
            <p class="muted">JSON exports preserve Killian relationships and are intended for backup and restore. CSV files are reporting-only and cannot be imported.</p>
            <a class="button" href="{% url 'organization_import_json' %}">Import Organization</a>
        </div>
    </section>
    {% endif %}
</div>
{% endblock %}