{% extends "base.html" %}

{% block title %}{{ metadata.name }} · ap_ds{% endblock %}

{% block content %}
<div class="repo-header">
    <div class="repo-path">
        <a href="/code">ap_ds</a>
        <span class="separator">/</span>
        <a href="{{ url_for('code_browser') }}?branch={{ branch }}">{{ branch }}</a>
        <span class="separator">/</span>
        <a href="{{ url_for('code_browser') }}?branch={{ branch }}&version={{ version }}">{{ version }}</a>
        <span class="separator">/</span>
        <span>{{ metadata.name }}</span>
    </div>
</div>

<div class="code-header">
    <div>
        <span style="font-family: monospace;">{{ metadata.name }}</span>
        <span style="margin-left: 12px; font-size: 12px; color: var(--repo-color-text-tertiary);">{{ metadata.size }} 字节</span>
        <span style="margin-left: 12px; font-size: 12px; color: var(--repo-color-text-tertiary);">最后修改 {{ metadata.modified }}</span>
    </div>
    <div style="display: flex; gap: 8px;">
        <a href="{{ url_for('download_file', file_path=metadata.path) }}" class="copy-btn" style="text-decoration: none;">下载文件</a>
        <a href="{{ url_for('code_browser') }}?branch={{ branch }}&version={{ version }}" class="copy-btn" style="text-decoration: none;">返回</a>
    </div>
</div>

<!-- 关键修改：使用 |safe 过滤器 -->
<div class="readme-content" style="border: 1px solid var(--repo-color-border); border-top: none; border-radius: 0 0 var(--repo-radius-lg, 8px) var(--repo-radius-lg, 8px);">
    {{ html_content|safe }}
</div>
{% endblock %}