{% extends '@App/partials/base.html.twig' %}
{% block title %}Actualités{% endblock %}
{% block content %}
{% include '@Dashboard/resources/_styles.html.twig' %}
<div class="body-wrapper" data-controller="resource-center" data-resource-center-favorite-url-value="{{ path('dashboard_resources_favorite_toggle') }}">
  <div class="resource-shell">
    <div class="d-flex justify-content-between align-items-end flex-wrap gap-2 mb-3">
      <div>
        <h1 class="resource-page-title mb-1">Actualités mécénat & sponsoring</h1>
        <p class="resource-subtitle mb-0">Informations utiles, triées pour l’action.</p>
      </div>
      <a href="{{ path('dashboard_resources_home') }}" class="btn btn-light border">Retour</a>
    </div>

    <form class="resource-card resource-card-body mb-3">
      <div class="filter-bar">
        <input class="form-control" type="search" name="q" value="{{ filters.q|default('') }}" placeholder="Rechercher une actualité…">
        <select class="form-select" name="tag">
          <option value="">Tous les thèmes</option>
          <option value="Mécénat" {{ filters.tag|default('') == 'Mécénat' ? 'selected' : '' }}>Mécénat</option>
          <option value="Fiscalité" {{ filters.tag|default('') == 'Fiscalité' ? 'selected' : '' }}>Fiscalité</option>
          <option value="Activation" {{ filters.tag|default('') == 'Activation' ? 'selected' : '' }}>Activation</option>
        </select>
        <button class="btn btn-success">Filtrer</button>
      </div>
    </form>

    <div class="resource-card mb-3">
      <div class="resource-card-body bg-light-subtle">
        <div class="fw-semibold mb-1">Synthèse de la semaine</div>
        <div>3 mises à jour à impact direct sur vos conventions et reçus fiscaux.</div>
      </div>
    </div>

    <div class="d-grid gap-2">
      {% for item in items %}
        <article class="resource-item">
          <div>
            <div class="small text-muted mb-1">{{ item.source|default('FundUp') }} • {{ item.date|date('d/m/Y') }}</div>
            <h3 class="h5 mb-1">{{ item.title }}</h3>
            <p class="text-muted mb-1">{{ item.description }}</p>
            <div class="d-flex gap-2 flex-wrap">
              {% for tag in item.tags|default([]) %}<span class="badge bg-light text-dark">{{ tag }}</span>{% endfor %}
            </div>
          </div>
          <div class="d-flex flex-column gap-2 align-items-end">
            <button class="btn btn-light border btn-sm">Enregistrer</button>
            <button class="btn btn-light border btn-sm">Partager</button>
          </div>
        </article>
      {% else %}
        <div class="resource-empty">Aucune actualité.</div>
      {% endfor %}
    </div>

    <div class="mt-3"><button class="btn btn-success">Recevoir un récap hebdo</button></div>
  </div>
</div>
{% endblock %}