{% extends '@App/partials/base.html.twig' %}
{% block title %}Ressources mobile{% endblock %}
{% block content %}
{% include '@Dashboard/resources/_styles.html.twig' %}
<div class="body-wrapper">
  <div class="resource-shell">
    <h1 class="resource-page-title mb-1">Ressources</h1>
    <p class="resource-subtitle mb-3">Version mobile</p>

    <div class="quick-grid mb-3">
      {% for quick in resourceHome.quickAccess %}
        <a href="{{ path(quick.route) }}" class="quick-item text-decoration-none text-dark">
          <div class="icon bg-light text-success"><i class="{{ quick.icon }}"></i></div>
          <div class="fw-semibold">{{ quick.title }}</div>
          <div class="text-muted small">{{ quick.desc }}</div>
        </a>
      {% endfor %}
    </div>

    <div class="resource-card">
      <div class="resource-card-body">
        <h3 class="h5 mb-2">Nouveautés</h3>
        {% for item in resourceHome.news|slice(0,3) %}
          <div class="resource-item mb-2">
            <div>
              <div class="fw-semibold">{{ item.title }}</div>
              <div class="small text-muted">{{ item.source }} • {{ item.date|date('d/m') }}</div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% endblock %}