{% extends "base.html" %}

{% block title %}Result Detail - EZVals{% endblock %}

{% block extra_head %}
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark-dimmed.min.css">
    <link rel="stylesheet" href="/static/detail.css">
{% endblock %}

{% block body_class %}min-h-screen bg-blue-50/40 font-sans text-zinc-800 dark:bg-neutral-950 dark:text-zinc-100{% endblock %}

{% block content %}
    <div id="app" class="flex flex-col h-screen">
        <div class="flex-1 flex items-center justify-center text-zinc-400">Loading...</div>
    </div>
{% endblock %}

{% block scripts %}
    <script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/lib/marked.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.6/dist/purify.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/lib/common.min.js"></script>
    <script src="/static/detail.js"></script>
{% endblock %}