{% extends "base.html" %}
{% block title %}Co-Founder Matching — Jadwa AI{% endblock %}
{% block content %}
<div class="max-w-6xl mx-auto px-4 py-12">
    <div class="flex items-center justify-between mb-8">
        <div>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">CO-FOUNDER MATCHING</div>
            <h1 class="text-2xl font-bold text-white">البحث عن شريك مؤسس</h1>
        </div>
        <a href="{{ url_for('cofounders.my_profile') }}" class="bg-gold-500/20 border border-gold-500/30 text-gold-400 px-4 py-2 rounded-lg text-sm hover:bg-gold-500/30 transition">ملفي الشخصي</a>
    </div>
    <div class="flex gap-2 mb-6 flex-wrap">
        {% for s in all_skills %}
        <a href="{{ url_for('cofounders.index', skill=s) }}" class="px-3 py-1 rounded-full text-xs {{ 'bg-gold-500/20 text-gold-400' if skill_filter == s else 'bg-white/5 text-slate-400' }} border border-white/10">{{ s }}</a>
        {% endfor %}
    </div>
    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
        {% for p in profiles %}
        <div class="glass p-5 rounded-xl border border-white/10">
            <div class="text-white font-semibold mb-1">{{ p.user.full_name or 'مستخدم' }}</div>
            <div class="text-xs text-slate-400 mb-2">{{ p.city or '' }} • {{ p.experience_years or 0 }} سنوات خبرة</div>
            <p class="text-sm text-slate-300 mb-3 line-clamp-2">{{ p.bio or '' }}</p>
            <div class="flex flex-wrap gap-1 mb-2">
                {% for s in (p.skills or []) %}
                <span class="text-xs bg-blue-500/20 text-blue-400 px-2 py-0.5 rounded-full">{{ s }}</span>
                {% endfor %}
            </div>
            <div class="text-xs text-slate-500">يبحث عن: {{ p.looking_for or '—' }}</div>
        </div>
        {% else %}
        <div class="col-span-full text-center py-16 text-slate-500">لا توجد ملفات شخصية بعد</div>
        {% endfor %}
    </div>
</div>
{% endblock %}