{% extends "base.html" %}

{% block breadcrumb %}
    HolyGrail
    <span class="lb-tb-sep">›</span> {% if file_info %}<span class="lb-mono">{{ file_info.original_name }}</span>{% else %}Driver{% endif %}
    <span class="lb-tb-sep">›</span> Results
{% endblock %}

{% block head %}
<link rel="modulepreload" href="{{ url_for('static', filename='js/byovd/core.js') }}">
<meta name="color-scheme" content="dark">
{% endblock %}

{% block content %}
<style>
  .holygrail-loading {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; padding: 48px 16px;
    color: var(--lb-text-mute); font-size: 13px;
  }
  @media print {
    body { background: white; color: black; }
    .lb-titlebar, .lb-sidebar, .lb-statusbar { display: none; }
  }
</style>

<div class="lb-panel">
    <div class="lb-panel-hdr">
        <span class="lb-glyph">▸</span>HolyGrail BYOVD Results
        <div style="margin-left: auto; display: flex; gap: 8px;">
            <a href="/summary" class="lb-btn lb-btn-ghost" style="padding: 2px 10px; font-size: 12px;" rel="noopener">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg>
                Back to Summary
            </a>
            {% if file_info %}
            <a href="/results/static/{{ file_info.md5 }}" class="lb-btn" style="padding: 2px 10px; font-size: 12px;" rel="noopener">
                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                Static Analysis
            </a>
            {% endif %}
        </div>
    </div>
    <div class="lb-panel-body">
        <p class="lb-muted" style="font-size: 12px;">Driver Imports · LoLDrivers · Microsoft Block Policy</p>
    </div>
</div>

<main role="main">
    <div id="holygrailResults" style="min-height: 500px;">
        <div class="holygrail-loading">
            <div class="lb-spinner" aria-hidden="true"></div>
            <span>Loading BYOVD analysis results…</span>
        </div>
    </div>
</main>

{% endblock %}

{% block scripts %}
{% if holygrail_results %}
<script>
window.holygrailResults = {{ holygrail_results | tojson }};
</script>
{% endif %}
<script type="module" src="{{ url_for('static', filename='js/byovd/core.js') }}"></script>
{% endblock %}