{% extends "layouts/base.html" %}
{% block title %}File Browser{% endblock %}
{% block head %}
    {{ super() }}
    <link rel="stylesheet" href="/static/css/components/file_browser.css">
{% endblock %}
{% block content %}
    <main>
        <section class="file-browser-section">
            <h1>File Browser</h1>
            <div class="file-list">
                {% if files %}
                    <ul>
                        {% for file in files %}
                            <li><a href="/files/{{ file }}" target="_blank">{{ file }}</a></li>
                        {% endfor %}
                    </ul>
                {% else %}
                    <p>No files found in the project directory.</p>
                {% endif %}
            </div>
        </section>
    </main>
{% endblock %}