{% extends 'base.html' %}
{% block title %}Centre de configuration{% endblock %}
{% block content %}
<div class="container-fluid py-3"><div class="d-flex justify-content-between align-items-center mb-3"><div><h1 class="h3 mb-1">Centre de configuration</h1><p class="text-muted mb-0">Un état permanent de ce qui est prêt, incomplet ou facultatif.</p></div><span class="badge text-bg-light">Configuration progressive</span></div><div class="row g-4">{% for name, items in sections %}<section class="col-md-6 col-xl-4"><div class="card h-100"><div class="card-header"><strong>{{ name }}</strong></div><div class="list-group list-group-flush">{% for item in items %}<div class="list-group-item d-flex justify-content-between gap-2 align-items-start"><div><div>{% if item.state == 'Configuré' %}✓{% elif item.state == 'Attention' %}⚠{% elif item.state == 'Facultatif' %}○{% else %}✕{% endif %} <strong>{{ item.label }}</strong></div><small class="text-muted">{{ item.state }}{% if item.detail %} · {{ item.detail }}{% endif %}</small></div><a class="btn btn-sm btn-outline-secondary" href="{{ item.url }}">Ouvrir</a></div>{% endfor %}</div></div></section>{% endfor %}</div></div>
{% endblock %}
