{% set resourceCount = resourceCount|default(0) %}
{% set accentColor = thematic.description|default('#4fbece') %}
{% set hasResources = resourceCount > 0 %}

<article class="cba-biblio-theme-card">
    <div class="cba-biblio-theme-top" style="--theme-accent: {{ accentColor }};">
        <span class="cba-biblio-theme-dot"></span>
        <span class="cba-biblio-theme-count">
            <i class="fas fa-book-open"></i>
            {{ resourceCount }} ressource{{ resourceCount > 1 ? 's' : '' }}
        </span>
    </div>

    <div class="cba-biblio-theme-body">
        <h3 class="cba-biblio-theme-title">{{ thematic.name }}</h3>

        <p class="cba-biblio-theme-text">
            {% if hasResources %}
                Retrouve les contenus liés à cette thématique et explore les ressources disponibles pour avancer à ton rythme.
            {% else %}
                Cette thématique est bien associée à ton espace, mais aucun contenu n’est encore disponible pour le moment.
            {% endif %}
        </p>

        <div class="cba-biblio-theme-actions">
            <a href="{{ path('app_bibliotheque_thematique', {'id': thematic.id}) }}" class="cba-btn-primary">
                <i class="fas fa-arrow-right"></i>
                {{ hasResources ? 'Explorer' : 'Voir la thématique' }}
            </a>
        </div>
    </div>
</article>