{% extends "base.html" %}
{% block title %}Import Upstream Keys - Janus{% endblock %}
{% block inventory_active %}bg-gray-700 text-white{% endblock %}

{% block content %}
<h1 class="text-2xl font-bold text-white mb-4">Key Inventory</h1>
{% with active='import' %}{% include "inventory_nav.html" %}{% endwith %}

<div class="bg-gray-800 rounded-xl p-6 border border-gray-700 mb-6">
    <p class="text-gray-300 text-sm mb-4">
        Import a Dashboard export JSON file (<code class="text-gray-400">keys</code> array or bare array).
        Existing keys are matched by hash and skipped or updated via ingestion rules.
    </p>
    <form hx-post="/dashboard/api/inventory/import"
          hx-target="#import-results"
          hx-swap="innerHTML"
          hx-encoding="multipart/form-data"
          class="space-y-4">
        <div>
            <label class="block text-sm text-gray-300 mb-2">Export JSON file</label>
            <input type="file" name="export_file" accept=".json,application/json" required
                   class="block w-full text-sm text-gray-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-gray-700 file:text-white hover:file:bg-gray-600">
        </div>
        <label class="flex items-center gap-2 text-sm text-gray-300">
            <input type="checkbox" name="verify" value="true" checked
                   class="rounded border-gray-600 bg-gray-900 text-blue-600">
            Show verification summary after import
        </label>
        <button type="submit" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium cursor-pointer">
            Import Keys
        </button>
    </form>
</div>

<div id="import-results" class="space-y-4"></div>
{% endblock %}