{% extends "base.html" %}

{% block title %}Articles - {{ category.name }}{% endblock %}

{% block content %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('home') }}">Matières</a></li>
        <li class="breadcrumb-item"><a href="{{ url_for('categories', subject_id=category.subject_id) }}">{{ category.subject.name }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ category.name }}</li>
    </ol>
</nav>

<h2 class="mb-4">Articles pour {{ category.name }}</h2>
<div class="cards-grid">
    {% for article in articles %}
    <div class="card" onclick="window.location.href='/articles/{{ article.id }}'" style="cursor:pointer;">
        <div class="card-body">
            <h5 class="card-title">{{ article.title }}</h5>
            <p class="card-text text-muted">Cliquez pour lire</p>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}