templates/partials/results.html

{% if not results %}
    <div class="text-center text-slate-500 py-10">No documents found matching that query.</div>
{% endif %}

{% for result in results %}
<a href="/view/{{ result.filename }}?page={{ result.page }}" target="_blank" class="block group">
    <div class="bg-slate-800 p-5 rounded-lg border border-slate-700 hover:border-red-500 transition shadow-lg relative overflow-hidden">
        
        <div class="absolute top-0 right-0 p-2">
            {% if result.type == 'Exact Match' %}
                <span class="bg-blue-900 text-blue-200 text-xs font-bold px-2 py-1 rounded uppercase tracking-wider">Exact Keyword</span>
            {% else %}
                <span class="bg-purple-900 text-purple-200 text-xs font-bold px-2 py-1 rounded uppercase tracking-wider">AI Concept</span>
            {% endif %}
        </div>

        <div class="flex items-center gap-3 mb-2">
            <svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
            <h3 class="font-bold text-lg text-slate-200 group-hover:text-red-400 transition">{{ result.filename }}</h3>
            <span class="text-slate-500 text-sm">Page {{ result.page }}</span>
        </div>
        
        <p class="text-slate-400 text-sm leading-relaxed pl-8 border-l-2 border-slate-700">
            ...{{ result.text|safe }}...
        </p>
    </div>
</a>
{% endfor %}