{% extends 'base.html.twig' %}
{% block title %}Recherche « {{ q }} » — Serigne Sam Mbaye{% endblock %}
{% block body %}
<section class="mx-auto max-w-6xl px-4 py-12">
    <h1 class="rule-gold font-display text-3xl font-semibold">Recherche</h1>
    <form action="{{ path('app_search') }}" method="get" class="mt-6 max-w-lg">
        <input class="field" type="search" name="q" value="{{ q }}" placeholder="Titre, mot-clé…" autofocus>
    </form>
    {% if q %}
        <p class="mt-6 text-sand">{{ results|length }} résultat(s) pour « <span class="text-gold-300">{{ q }}</span> »</p>
        <div class="mt-6 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
            {% for podcast in results %}
                {% include 'partials/podcast_card.html.twig' with {podcast: podcast, queue: 'search'} %}
            {% endfor %}
        </div>
    {% endif %}
</section>
{% endblock %}