{% extends "base.html" %}

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

{% block content %}
<section class="dashboard">
    <h2>Dashboard</h2>

    <div class="dashboard-stats">
        <div class="stat-card">
            <div class="stat-icon">📁</div>
            <div class="stat-info">
                <span class="stat-value">{{ total_folders }}</span>
                <span class="stat-label">Folders</span>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">📄</div>
            <div class="stat-info">
                <span class="stat-value">{{ total_files }}</span>
                <span class="stat-label">Files</span>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">🔗</div>
            <div class="stat-info">
                <span class="stat-value">{{ active_shares }}</span>
                <span class="stat-label">Active Shares</span>
            </div>
        </div>
    </div>

    <div class="dashboard-recent">
        <h3>Recent Files</h3>

        {% if recent_files %}
        <div class="recent-files-list">
            {% for file in recent_files %}
            <div class="file-item">
                <div class="file-icon">
                    {% if file.name.endswith('.pdf') %}📕
                    {% elif file.name.endswith(('.jpg', '.jpeg', '.png', '.gif')) %}🖼️
                    {% elif file.name.endswith(('.mp3', '.wav', '.flac')) %}🎵
                    {% elif file.name.endswith(('.mp4', '.mov', '.avi')) %}🎬
                    {% elif file.name.endswith(('.doc', '.docx')) %}📘
                    {% elif file.name.endswith(('.xls', '.xlsx')) %}📊
                    {% elif file.name.endswith(('.ppt', '.pptx')) %}📙
                    {% elif file.name.endswith('.zip') %}📦
                    {% else %}📄{% endif %}
                </div>
                <div class="file-details">
                    <div class="file-name">{{ file.name }}</div>
                    <div class="file-meta">
                        <span class="file-size">{{ (file.size / 1024)|round(1) }} KB</span>
                        <span class="file-date">{{ file.updated_at.strftime('%b %d, %Y') }}</span>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <p class="empty-state">No files uploaded yet. <a href="{{ url_for('files.browser') }}">Upload your first
                file</a>.</p>
        {% endif %}
    </div>

    <div class="dashboard-actions">
        <a href="{{ url_for('files.browser') }}" class="btn primary">Browse Files</a>
        <a href="{{ url_for('files.upload') }}" class="btn">Upload Files</a>
    </div>
</section>
{% endblock %}