{% extends "base.html" %}
{% block title %}Investor Portfolio — Jadwa AI{% endblock %}
{% block content %}
<div class="max-w-5xl mx-auto px-4 py-12">
    <div class="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">INVESTOR PORTFOLIO VIEW</div>
        <h1 class="text-2xl font-bold text-white">عرض محفظة المستثمرين</h1>
    </div>
    <div class="space-y-4">
        {% for name, data in portfolio.items() %}
        <div class="glass p-5 rounded-xl border border-white/10">
            <div class="flex items-center justify-between mb-3">
                <div>
                    <div class="text-white font-semibold text-lg">{{ name }}</div>
                    <div class="text-xs text-slate-400">{{ data.contact.company or '' }} • {{ data.contact.email or '' }}</div>
                    <span class="text-xs px-2 py-0.5 rounded-full bg-blue-500/20 text-blue-400 mt-1 inline-block">{{ data.contact.stage }}</span>
                </div>
                <div class="text-right">
                    <div class="text-2xl text-gold-400 font-bold">{{ data.reports|length }}</div>
                    <div class="text-xs text-slate-500">مشاريع مرتبطة</div>
                </div>
            </div>
            {% if data.reports %}
            <div class="grid md:grid-cols-2 gap-2 mt-3">
                {% for r in data.reports %}
                <a href="{{ url_for('study.view', report_id=r.id) }}" class="flex items-center gap-2 p-2 rounded-lg bg-white/5 hover:bg-white/10 transition text-sm">
                    <span class="text-xs px-1.5 py-0.5 rounded {% if r.verdict == 'GO' %}bg-emerald-500/20 text-emerald-400{% elif r.verdict == 'NO-GO' %}bg-red-500/20 text-red-400{% else %}bg-amber-500/20 text-amber-400{% endif %}">{{ r.verdict or '...' }}</span>
                    <span class="text-slate-300">{{ r.project_name }}</span>
                </a>
                {% endfor %}
            </div>
            {% endif %}
        </div>
        {% else %}
        <div class="text-center py-16 text-slate-500">لا يوجد مستثمرين مرتبطين بمشاريع. <a href="{{ url_for('investor_crm.index') }}" class="text-gold-400 hover:underline">أضف مستثمر</a></div>
        {% endfor %}
    </div>
</div>
{% endblock %}