{% extends "base.html" %}

{% block title %}Files{% endblock %}

{% block content %}
<div class="card card-body">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold">File Management</h2>
        <a href="/upload" class="btn-primary">Upload</a>
    </div>

    <!-- Files List -->
    <div 
        id="files-container" 
        hx-get="/templates/files" 
        hx-trigger="load, every 3s"
        hx-indicator="#loading"
    >
        <div class="text-center text-description">Loading files...</div>
    </div>
</div>
{% endblock %}