{% extends "base.html" %}
{% from "_tree.html" import render_tree %}
{% from "_diff.html" import render_diff, render_diff_sections %}
{% block title %}Snapshot {{ snapshot_id }}{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/styles/github.min.css">
{% endblock %}

{% block content %}
<div class="ailine-detail-wrap">
    <div class="ailine-page-head">
        <h1 class="ailine-page-title">Snapshot <span class="ailine-hash ailine-hash--full" title="{{ snapshot_id }}">{{ snapshot_id }}</span></h1>
        <p class="ailine-page-lead">Captured workspace slice for this run. Compare against the parent commit on the Diff tab.</p>
        <div class="ailine-meta-row">
            {% if parent %}<span class="ailine-chip">Parent <code class="ailine-hash ailine-hash--full" title="{{ parent }}">{{ parent }}</code></span>{% endif %}
            {% if parent_url %}<a href="{{ parent_url }}" class="btn btn-sm btn-primary" target="_blank" rel="noopener">Parent on Git host</a>{% endif %}
            <span class="ailine-chip">{{ paths|length }} archived file{{ '' if paths|length == 1 else 's' }}</span>
            {% if selected_path %}<span class="ailine-chip">Selected <code class="ailine-truncate d-inline-block" style="max-width:min(28ch,28vw)" title="{{ selected_path }}">{{ selected_path }}</code></span>{% endif %}
        </div>
    </div>

    <nav class="code-tabs" aria-label="Snapshot views">
        <a class="code-tabs__item {% if view_mode == 'files' %}code-tabs__item--active{% endif %}"
           href="{{ url_for('snapshot_view', snapshot_id=snapshot_id) }}">Files</a>
        <a class="code-tabs__item {% if view_mode == 'diff' %}code-tabs__item--active{% endif %}"
           href="{{ url_for('snapshot_view', snapshot_id=snapshot_id, view='diff') }}">Diff vs parent</a>
    </nav>

    {% if view_mode == 'diff' %}
        {% if diff and diff.available %}
            {% if diff.truncated %}<p class="code-blob__truncated small mb-2">Patch truncated at 512 KiB — open the patch file locally for the full output.</p>{% endif %}
            {% if diff.sections %}
                {{ render_diff_sections(diff.sections) }}
            {% else %}
                {{ render_diff(diff.text) }}
            {% endif %}
        {% else %}
            <div class="code-empty">No diff for this snapshot{% if not diff_available %} (patch missing on disk){% endif %}.</div>
        {% endif %}
    {% else %}
        <div class="code-browser">
            <aside class="code-browser__sidebar" aria-label="File tree">
                {% if paths %}
                    {{ render_tree(tree, selected_path, 'snapshot_view', {'snapshot_id': snapshot_id}) }}
                {% else %}
                    <div class="code-empty">No paths in this snapshot manifest.</div>
                {% endif %}
            </aside>
            <section class="code-browser__main" aria-label="File contents">
                {% if blob %}
                    <div class="code-blob__header">
                        <div class="code-blob__path"><code title="{{ blob.path }}">{{ blob.path }}</code></div>
                        {% if blob.truncated %}<span class="code-blob__truncated text-nowrap">512 KiB limit — truncated</span>{% endif %}
                    </div>
                    <pre class="code-blob__body"><code{% if blob.language %} class="language-{{ blob.language }}"{% endif %}>{{ blob.content }}</code></pre>
                {% else %}
                    <div class="code-empty">Choose a file from the tree to view its contents.</div>
                {% endif %}
            </section>
        </div>
    {% endif %}
</div>
{% endblock %}

{% block extra_scripts %}
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/highlight.min.js"></script>
<script>document.querySelectorAll('pre.code-blob__body code').forEach(el => window.hljs && hljs.highlightElement(el));</script>
{% endblock %}