{% extends "base.html" %}
{% block title %}{{ t('files_folders') }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel">
        <div class="panel-header panel-header-inline">
            <div>
                <h1>{{ t('folders') }}</h1>
                <p>{{ ltext('Browse secure internal and company-scoped file areas. / تصفح مناطق الملفات الآمنة الداخلية والخاصة بالشركات.') }}</p>
            </div>
            <div class="button-row">
                <a class="button button-secondary" href="{{ url_for('files.folders', export='xlsx') }}">{{ ltext('Export Excel / تصدير Excel') }}</a>
                {% if user_can('manage_folders') %}
                    <a class="button" href="{{ url_for('files.create_folder') }}">{{ t('new_folder') }}</a>
                {% endif %}
            </div>
        </div>
        <div class="card-grid">
            {% for folder in folders %}
                <a class="folder-card" href="{{ url_for('files.folder_detail', folder_id=folder.id) }}">
                    <strong>{{ folder.name }}</strong>
                    <span>{{ folder.visibility.value|ltext }}</span>
                    <small>{{ folder.description or t('no_description') }}</small>
                </a>
            {% else %}
                <p>{{ ltext('No accessible folders found. / لا توجد مجلدات متاحة.') }}</p>
            {% endfor %}
        </div>
    </section>
{% endblock %}