{% if folders or files %}
<div class="files-grid">
    {% if folders %}
    {% for folder in folders %}
    <a href="{{ url_for('files.browser', folder_id=folder.id) }}" class="folder-item" data-id="{{ folder.id }}">
        <div class="item-icon">
            <i class="fas fa-folder"></i>
        </div>
        <div class="item-info">
            <div class="item-name">{{ folder.name }}</div>
            <div class="item-details">
                <span class="item-count">{{ folder.children.count() }} items</span>
                <span class="item-date">{{ folder.updated_at.strftime('%Y-%m-%d') }}</span>
            </div>
        </div>
    </a>
    {% endfor %}
    {% endif %}

    {% if files %}
    {% for file in files %}
    <a href="{{ url_for('files.download', file_id=file.id) }}" class="file-item" data-id="{{ file.id }}">
        <div class="item-icon">
            <i class="fas {{ file_icon(file.mime_type, file.name) }}"></i>
        </div>
        <div class="item-info">
            <div class="item-name">{{ file.name }}</div>
            <div class="item-details">
                <span class="item-size">{{ format_size(file.size) }}</span>
                <span class="item-date">{{ file.updated_at.strftime('%Y-%m-%d') }}</span>
            </div>
        </div>
    </a>
    {% endfor %}
    {% endif %}
</div>
{% else %}
<div class="empty-folder">
    <div class="empty-icon">
        <i class="fas fa-folder-open"></i>
    </div>
    <div class="empty-message">
        <h3>This folder is empty</h3>
        <p>Upload files or create a folder to get started</p>
    </div>
    <div class="empty-actions">
        <a href="{{ url_for('files.upload', folder_id=current_folder.id if current_folder else None) }}"
            class="btn primary">
            <i class="fas fa-upload"></i> Upload
        </a>
        <button class="btn" id="empty-new-folder-btn">
            <i class="fas fa-folder-plus"></i> New Folder
        </button>
    </div>
</div>
{% endif %}