{% extends 'core/base.html' %}
{% block title %}Import Global Backup | Killian{% endblock %}
{% block scripts %}{% if preview %}<script src="/static/js/global-import.js"></script>{% endif %}{% endblock %}
{% block content %}
<div class="breadcrumbs"><a href="{% url 'administration' %}">Administration</a><span>/</span><strong>Import Global Backup</strong></div>
<div class="page-head"><div><h1>Import Global Backup</h1><p>Scan a Killian JSON backup, review its organizations, then choose exactly what to import.</p></div><a class="button secondary" href="{% url 'administration' %}">Back</a></div>
{% if error %}<div class="msg error">{{ error }}</div>{% endif %}
{% if not preview %}
<section class="form-card" style="max-width:900px;"><form method="post" enctype="multipart/form-data">{% csrf_token %}<label for="json_file">Killian global JSON backup</label><input id="json_file" type="file" name="json_file" accept="application/json,.json" required><div style="margin-top:20px;"><button type="submit">Scan Backup</button></div></form></section>
{% else %}
<form id="global-import-confirm-form" method="post">{% csrf_token %}<input type="hidden" name="confirm_import" value="1"><input type="hidden" name="token" value="{{ token }}">
<section class="module-panel"><div class="module-panel-head"><div><h2>Organizations Found</h2><span>{{ preview|length }} organization{{ preview|length|pluralize }} — nothing has been imported yet</span></div><div class="module-row-actions"><button id="global-import-select-all" class="button secondary compact" type="button">Select All</button><button id="global-import-select-none" class="button secondary compact" type="button">Select None</button></div></div><div class="module-list">
{% for item in preview %}<label class="module-row" style="cursor:pointer;"><div style="padding-right:14px;"><input class="org-import-check" type="checkbox" name="organizations" value="{{ item.source_pk }}"></div><div class="module-row-main"><strong>{{ item.name }}</strong><span>{{ item.status }}</span><small>{{ item.record_count }} records across {{ item.modules }} modules</small></div></label>{% endfor %}
</div></section><div style="margin-top:20px;"><button type="submit">Import Selected Organizations</button> <a class="button secondary" href="{% url 'global_import_json' %}">Cancel</a></div></form>

{% endif %}
{% endblock %}