{% extends '@App/partials/base.html.twig' %}
{% block title %}Modèles mobile{% endblock %}
{% block content %}
{% include '@Dashboard/resources/_styles.html.twig' %}
<div class="body-wrapper">
  <div class="resource-shell">
    <div class="d-flex align-items-center justify-content-between mb-3">
      <h1 class="resource-page-title mb-0" style="font-size:1.4rem">Modèles</h1>
      <a href="{{ path('dashboard_resources_home_mobile') }}" class="btn btn-light border btn-sm">Retour</a>
    </div>

    <form class="mb-3">
      <input class="form-control" type="search" name="q" value="{{ filters.q|default('') }}" placeholder="Rechercher un modèle...">
    </form>

    <div class="d-grid gap-2">
      {% for item in items %}
        <div class="resource-item">
          <div>
            <div class="fw-semibold">{{ item.title }}</div>
            <div class="small text-muted">{{ item.description|slice(0,80) }}…</div>
          </div>
          <button class="btn btn-success btn-sm">Utiliser</button>
        </div>
      {% else %}
        <div class="resource-empty">Aucun résultat.</div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}