{% 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() if folder.children is defined else
                    folder.files.count() }} items</span>
                <span class="item-date">{{ folder.updated_at.strftime('%Y-%m-%d') }}</span>
            </div>
        </div>
        <div class="file-actions">
            <button class="action-btn edit" title="Rename">
                <i class="fas fa-pencil-alt"></i>
            </button>
            <button class="action-btn delete" title="Delete">
                <i class="fas fa-trash"></i>
            </button>
        </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_class }}"></i>
        </div>
        <div class="item-info">
            <div class="item-name">{{ file.name }}</div>
            <div class="item-details">
                <span class="item-size">{{ file.size|filesizeformat }}</span>
                <span class="item-date">{{ file.updated_at.strftime('%Y-%m-%d') }}</span>
            </div>
        </div>
        <div class="file-actions">
            <button class="action-btn download" title="Download">
                <i class="fas fa-download"></i>
            </button>
            <button class="action-btn share" title="Share">
                <i class="fas fa-share-alt"></i>
            </button>
            <button class="action-btn delete" title="Delete">
                <i class="fas fa-trash"></i>
            </button>
        </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 %}