{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% block content %}
{{ page_header(title) }}

<div class="glass-panel rounded-lg max-w-3xl mx-auto overflow-hidden border-t-2 border-t-primary" role="status">
  <div class="p-lg border-b border-[#1E293B] flex items-start gap-md">
    <div class="w-12 h-12 rounded-DEFAULT bg-surface-container-high flex items-center justify-center flex-shrink-0">
      <span class="material-symbols-outlined text-primary text-[24px]" aria-hidden="true">check_circle</span>
    </div>
    <div>
      <h2 class="text-headline-md font-headline-md text-on-surface mb-xs">Upload accepted</h2>
      <p class="text-body-sm font-body-sm text-on-surface-variant">{{ filename }} was queued for processing in {{ space.name }}.</p>
    </div>
  </div>
  <div class="p-lg flex flex-col gap-lg">
    <p class="text-body-sm font-body-sm text-on-surface-variant">Parsing, chunking, embedding and indexing happen in the background. Refresh the document list in a few seconds to see it appear.</p>
    <div class="flex justify-end gap-sm pt-md border-t border-[#1E293B]">
      <a href="/admin/control/spaces/{{ space.id }}/documents/upload" class="btn-ghost px-md py-sm rounded-DEFAULT text-body-sm font-headline-md">Upload another</a>
      <a href="/admin/control/spaces/{{ space.id }}/documents" class="btn-primary px-md py-sm rounded-DEFAULT text-body-sm font-headline-md">View documents</a>
    </div>
  </div>
</div>
{% endblock %}