{% extends 'admin/_layout.html.twig' %}

{% block title %}Recherche « {{ q }} » — Admin{% endblock %}
{% block page_title %}Recherche{% endblock %}
{% block page_subtitle %}{{ results|length }} résultat{{ results|length > 1 ? 's' : '' }} pour « {{ q }} »{% endblock %}

{% block admin_body %}
<nav class="adm-breadcrumb">
    <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    <a href="{{ path('app_admin') }}">Dashboard</a>
    <span class="adm-bc-sep">›</span>
    <span class="adm-bc-current">Recherche</span>
</nav>

{% if q|length < 2 %}
<div class="adm-card" style="padding:40px;text-align:center;color:var(--muted);position:relative;z-index:1">
    <p>Saisissez au moins 2 caractères pour lancer une recherche.</p>
</div>
{% elseif results|length == 0 %}
<div class="adm-card" style="padding:40px;text-align:center;color:var(--muted);position:relative;z-index:1">
    <svg viewBox="0 0 24 24" style="width:32px;height:32px;stroke:var(--muted);fill:none;stroke-width:1.5;margin-bottom:12px"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
    <p>Aucun résultat pour <strong>« {{ q }} »</strong></p>
</div>
{% else %}

{% set lastCat = '' %}
{% for item in results %}
    {% if item.category != lastCat %}
        {% if lastCat != '' %}
            </div></div>
        {% endif %}
        {% set lastCat = item.category %}
        <div class="adm-card" style="padding:0;overflow:visible;margin-bottom:10px">
            <div class="adm-search-page-cat" style="padding:12px 20px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)">
                {{ item.category }}
            </div>
            <div>
    {% endif %}
    <a href="{{ item.url }}" class="adm-search-page-item" style="display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;border-bottom:1px solid rgba(180,190,220,.08);transition:background .1s">
        <div style="flex:1;min-width:0">
            <div style="font-size:.85rem;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ item.label }}</div>
            {% if item.sub %}<div style="font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ item.sub }}</div>{% endif %}
        </div>
        <svg viewBox="0 0 24 24" style="width:14px;height:14px;stroke:var(--muted);fill:none;stroke-width:1.8;flex-shrink:0"><polyline points="9 18 15 12 9 6"/></svg>
    </a>
{% endfor %}
{% if lastCat != '' %}
    </div></div>
{% endif %}

{% endif %}
{% endblock %}