{% extends "base.html" %}

{% block content %}
<div class="content-container">
    <div class="header-section">
        <h1 class="main-title">{{ sous_categorie.nom }}</h1>
        <div class="title-underline"></div>
    </div>

    <div class="texts-section">
        <h2 class="section-subtitle">Textes</h2>
        
        <div class="texts-grid">
            {% for texte in textes %}
            <a href="{{ url_for('main.texte', texte_id=texte.id) }}" class="text-card">
                <div class="card-content">
                    <h3 class="text-title">{{ texte.titre }}</h3>
                    <div class="text-meta">
                        <!-- Ajoutez des métadonnées si disponibles -->
                        <span class="meta-item"><i class="fas fa-calendar-alt"></i> Date</span>
                        <span class="meta-item"><i class="fas fa-user-edit"></i> Auteur</span>
                    </div>
                </div>
                <i class="fas fa-arrow-right card-arrow"></i>
            </a>
            {% else %}
            <div class="empty-state">
                <i class="fas fa-book-open empty-icon"></i>
                <p>Aucun texte disponible dans cette sous-catégorie</p>
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}