{% extends "base.html" %}

{% block title %}Dashboard - Flask Files{% endblock %}

{% block content %}
<h1 class="page-title">Dashboard</h1>

<div class="dashboard-cards">
    <div class="dashboard-card">
        <div class="dashboard-card-icon files">
            <i class="fas fa-file"></i>
        </div>
        <div class="dashboard-card-content">
            <h3>Files</h3>
            <p>{{ file_count }}</p>
        </div>
    </div>

    <div class="dashboard-card">
        <div class="dashboard-card-icon folders">
            <i class="fas fa-folder"></i>
        </div>
        <div class="dashboard-card-content">
            <h3>Folders</h3>
            <p>{{ folder_count }}</p>
        </div>
    </div>

    <div class="dashboard-card">
        <div class="dashboard-card-icon storage">
            <i class="fas fa-database"></i>
        </div>
        <div class="dashboard-card-content">
            <h3>Storage Used</h3>
            <p>{{ storage_used }}</p>
        </div>
    </div>
</div>

<div class="recent-files-section">
    <div class="recent-files-header">
        <h2>Recent Files</h2>
    </div>

    <div class="recent-files-list">
        {% if recent_files %}
        {% for file in recent_files %}
        <div class="recent-file-item">
            <div class="recent-file-icon">
                <i class="{{ file.icon_class }}"></i>
            </div>
            <div class="recent-file-info">
                <div class="recent-file-name">{{ file.name }}</div>
                <div class="recent-file-meta">
                    {{ file.size|filesizeformat }} • Uploaded {{ file.created_at.strftime('%Y-%m-%d %H:%M') }}
                </div>
            </div>
            <div class="recent-file-actions">
                <a href="{{ url_for('files.download', file_id=file.id) }}" title="Download">
                    <i class="fas fa-download"></i>
                </a>
            </div>
        </div>
        {% endfor %}
        {% else %}
        <div class="empty-state">
            <p>No files uploaded yet.</p>
        </div>
        {% endif %}
    </div>

    <div class="action-buttons">
        <a href="{{ url_for('files.browser') }}" class="action-btn">
            <i class="fas fa-folder-open"></i> Browse Files
        </a>
        <a href="{{ url_for('files.upload') }}" class="action-btn">
            <i class="fas fa-upload"></i> Upload Files
        </a>
    </div>
</div>
{% endblock %}