htmx single page application + work

core/templates/component/report.html

@@ -1,4 +1,7 @@
-<a href="/report/{{ report.id }}" class="{{ style.card }}">
+<button class="{{ style.card }}"
+
+hx-get="/report/{{ report.id }}" hx-target="#main_content" hx-push-url="true" hx-swap="innerHTML"
+>
     {% if report.is_approved %}
     <div
       class="absolute top-0 right-0 translate-y-3 -translate-x-3 bg-green-500 text-white rounded-full w-6 h-6 flex items-center justify-center scale-[1.5]"
@@ -6,4 +9,4 @@
       ✓
     </div>
     {% endif %} {{ report }}
-  </a>
+  </button>