{% extends "base.html" %}
{% block title %}بحث ذكي — Jadwa AI{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto px-4 py-12">
    <div class="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">AI-POWERED SEARCH</div>
        <h1 class="text-2xl font-bold text-white">بحث ذكي في تقاريرك</h1>
    </div>
    <form method="GET" class="glass p-4 rounded-xl border border-white/10 flex gap-3 mb-8">
        <input name="q" value="{{ q }}" type="text" autofocus placeholder="ابحث بالاسم أو الوصف أو أي كلمة مفتاحية..." class="flex-1 bg-white/5 border border-white/10 text-white rounded-lg px-4 py-3 text-sm placeholder-slate-500 focus:border-gold-500/50 focus:outline-none">
        <button type="submit" class="bg-gold-500/20 border border-gold-500/30 text-gold-400 px-6 py-3 rounded-lg text-sm font-medium hover:bg-gold-500/30 transition">بحث</button>
    </form>
    {% if q %}
    <div class="text-sm text-slate-500 mb-4">{{ results|length }} نتيجة لـ "{{ q }}"</div>
    <div class="space-y-3">
        {% for r in results %}
        <a href="{{ url_for('study.view', report_id=r.id) }}" class="block glass p-5 rounded-xl border border-white/10 hover:border-gold-500/30 transition">
            <div class="flex items-center justify-between">
                <div>
                    <div class="text-white font-semibold">{{ r.project_name }}</div>
                    <div class="text-xs text-slate-400 mt-1">{{ r.project_description[:120] }}...</div>
                </div>
                <div class="flex items-center gap-2">
                    {% if r.verdict %}
                    <span class="px-2 py-0.5 rounded-full text-xs font-bold {% if r.verdict == 'GO' %}bg-emerald-500/10 text-emerald-400{% elif r.verdict == 'NO-GO' %}bg-red-500/10 text-red-400{% else %}bg-amber-500/10 text-amber-400{% endif %}">{{ r.verdict }}</span>
                    {% endif %}
                    <span class="text-xs text-slate-500">{{ r.created_at.strftime('%Y-%m-%d') }}</span>
                </div>
            </div>
        </a>
        {% else %}
        <div class="text-center py-12 text-slate-500">لا توجد نتائج. جرّب كلمات مفتاحية مختلفة.</div>
        {% endfor %}
    </div>
    {% endif %}
</div>
{% endblock %}