{% extends "base.html" %}

{% block title %}Directory: /{{ title_path }}{% endblock %}

{% block header %}
{% if !title_path.is_empty() %}
    <a href="../" class="back-link">
        <span>←</span> Up
    </a>
{% else %}
    <span style="color: #757575; font-size: 0.95em;">🏠 Root</span>
{% endif %}
<a href="/random">🎲 Random note</a>
{% endblock %}

{% block content %}
<h1>📂 Directory: /{{ title_path }}</h1>
<ul>
    {% if !title_path.is_empty() %}
    <li>
        <a href="../" class="back-link">📁 ..</a>
    </li>
    {% endif %}

    {% for file in files %}
    <li>
        <a href="/{{ file.link }}" class="file-link">
            <span class="icon">{% if file.is_dir %}📁{% else %}📄{% endif %}</span>
            <span>{{ file.name }}</span>
        </a>
    </li>
    {% endfor %}
</ul>
{% endblock %}