{% extends "ui/templates/base/layout.html" %}
{% block content %}
<div class="mx-auto max-w-3xl space-y-6"><div class="rounded-3xl bg-white p-6 shadow-soft"><h2 class="text-xl font-semibold text-slate-900">Import Service Catalogue + Firm Task Templates</h2><p class="mt-2 text-sm text-slate-500">This import updates the system-level service catalogue and creates or updates task templates for your current firm.</p><div class="mt-4 flex gap-3"><a href="/services/catalogue/import/template" class="rounded-xl border border-slate-300 px-4 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50">Download Template</a><a href="/services/catalogue" class="rounded-xl border border-slate-300 px-4 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50">Back to Catalogue</a></div><form method="post" action="/services/catalogue/import/preview" enctype="multipart/form-data" class="mt-6 space-y-4"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><div><label class="mb-2 block text-sm font-medium text-slate-700">Upload Filled Workbook (.xlsx)</label><input type="file" name="workbook" accept=".xlsx" required class="block w-full rounded-2xl border border-slate-300 px-4 py-2.5 text-sm"></div><div class="flex gap-3"><button class="rounded-xl bg-brand-600 px-4 py-2.5 text-sm font-medium text-white hover:bg-brand-700">Preview Import</button><a href="/services/catalogue" class="rounded-xl border border-slate-300 px-4 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a></div></form></div></div>
{% endblock %}