{% extends "base.html" %}
{% block title %}Imports · kb-mcp admin{% endblock %}
{% block content %}
<header class="page-header">
  <div>
    <h1>Imports & Exports</h1>
    <p>Use zipped Markdown vaults for phase-one admin operations.</p>
  </div>
</header>

{% if errors %}
<section class="alert error">
  {% for error in errors %}
  <div>{{ error }}</div>
  {% endfor %}
</section>
{% endif %}

<div class="split-grid">
  <section class="panel">
    <div class="panel-head"><h2>Import vault</h2></div>
    <form method="post" action="/imports" enctype="multipart/form-data" class="form-stack">
      <label>
        <span>Zip file</span>
        <input type="file" name="archive" accept=".zip" required />
      </label>
      <label class="checkbox-field">
        <input type="checkbox" name="dry_run" value="true" />
        <span>Dry run only</span>
      </label>
      <button class="button primary" type="submit">Import</button>
    </form>

    {% if import_report %}
    <div class="report-grid">
      <div><span>Inserted</span><strong>{{ import_report.inserted }}</strong></div>
      <div><span>Updated</span><strong>{{ import_report.updated }}</strong></div>
      <div><span>Skipped</span><strong>{{ import_report.skipped }}</strong></div>
    </div>
    {% if import_report.errors %}
    <div class="subpanel">
      <h3>Import errors</h3>
      <ul class="error-list">
        {% for error in import_report.errors %}
        <li>{{ error }}</li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
    {% endif %}
  </section>

  <section class="panel">
    <div class="panel-head"><h2>Export vault</h2></div>
    <form method="post" action="/exports" class="form-stack">
      <p class="helper">Exports every active document to a temporary Markdown directory on this machine.</p>
      <button class="button secondary" type="submit">Run export</button>
    </form>

    {% if export_report %}
    <div class="report-grid">
      <div><span>Written</span><strong>{{ export_report.written }}</strong></div>
      <div class="span-2"><span>Path</span><strong>{{ export_report.path }}</strong></div>
    </div>
    <div class="subpanel">
      <h3>Sample files</h3>
      <ul class="file-list">
        {% for file in export_report.files %}
        <li>{{ file }}</li>
        {% endfor %}
      </ul>
    </div>
    {% endif %}
  </section>
</div>
{% endblock %}