{% extends "base.html" %}
{% block content %}
<div class="container">
    <h1 class="page-title">Matières</h1>
    
    <div class="subjects-grid">
    {% for matiere in matieres %}
        <div class="subject-card">
            <a class="subject-link" href="{{ url_for('main.matiere', matiere_id=matiere.id) }}">
                <span class="subject-name">{{ matiere.nom }}</span>
                <span class="subject-arrow">→</span>
            </a>
        </div>
    {% else %}
        <p class="no-subjects">Aucune matière disponible</p>
    {% endfor %}
    </div>
</div>
{% endblock %}