{% extends "body_base.html" %}

{% block title %}Minne - Dashboard{% endblock %}

{% block head %}
<script src="/assets/htmx-ext-sse.js" defer></script>
{% endblock %}

{% block main %}
<div class="flex justify-center grow mt-2 sm:mt-4 pb-4 w-full">
  <div class="container">
    <section class="mb-4">
      <div class="nb-panel p-3 flex items-center justify-between">
        <h1 class="text-xl font-extrabold tracking-tight">Dashboard</h1>
        <button class="nb-btn nb-cta" hx-get="/ingress-form" hx-target="#modal" hx-swap="innerHTML">
          {% include "icons/send_icon.html" %}
          <span class="ml-2">Add Content</span>
        </button>
      </div>
    </section>

    {% include "dashboard/statistics.html" %}

    {% include "dashboard/recent_content.html" %}

    {% include "dashboard/active_jobs.html" %}

  </div>
</div>
{% endblock %}