{% extends 'base.html' %}

{% block title %}Actualités · Back-office{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel">
      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
        <h2 style="margin:0">{{ t('Actualités', 'News') }}</h2>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <a class="btn" href="{{ url_for('web.backoffice_home') }}">{{ t('Tableau de bord', 'Dashboard') }}</a>
          <a class="btn btn-primary" href="{{ url_for('web.bo_news_create') }}">{{ t('Nouvelle actualité', 'New news item') }}</a>
        </div>
      </div>

      <div class="grid" style="margin-top:14px">
        {% for n in items %}
          <div class="card">
            <h3>{{ n.title }}</h3>
            <div class="meta">
              <span>{{ n.created_at.strftime('%Y-%m-%d') if n.created_at else '' }}</span>
              <span>·</span>
              <span>{% if n.published %}{{ t('Publiée', 'Published') }}{% else %}{{ t('Brouillon', 'Draft') }}{% endif %}</span>
            </div>
            <div style="margin-top:12px;display:flex;gap:10px;flex-wrap:wrap">
              <a class="btn" href="{{ url_for('web.bo_news_edit', news_id=n.id) }}">{{ t('Modifier', 'Edit') }}</a>
              <form method="post" action="{{ url_for('web.bo_news_delete', news_id=n.id) }}">
                <button class="btn" type="submit">{{ t('Supprimer', 'Delete') }}</button>
              </form>
            </div>
          </div>
        {% else %}
          <div class="alert">{{ t('Aucune actualité.', 'No news yet.') }}</div>
        {% endfor %}
      </div>
    </div>
  </div>
</section>
{% endblock %}