{% extends "base.html" %}
{% block title %}Investor CRM — 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">INVESTOR CRM</div>
            <h1 class="text-2xl font-bold text-white">إدارة المستثمرين</h1>
        </div>
        <a href="{{ url_for('investor_crm.add') }}" 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="grid gap-4">
        {% for stage in ['identified','contacted','meeting','negotiating','committed'] %}
        {% set stage_contacts = contacts|selectattr('stage', 'equalto', stage)|list %}
        {% if stage_contacts %}
        <div class="mb-4">
            <h3 class="text-sm font-mono text-gold-500 uppercase mb-2">{{ stage }}</h3>
            <div class="space-y-2">
                {% for c in stage_contacts %}
                <div class="glass p-4 rounded-xl border border-white/10 flex items-center justify-between">
                    <div>
                        <div class="text-white font-medium">{{ c.investor_name }}</div>
                        <div class="text-xs text-slate-400">{{ c.firm or '' }} — {{ c.email or '' }}</div>
                    </div>
                    <div class="flex gap-2">
                        <a href="{{ url_for('investor_crm.edit', contact_id=c.id) }}" class="text-xs text-slate-400 hover:text-white transition">تعديل</a>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endif %}
        {% endfor %}
        {% if not contacts %}
        <div class="text-center py-16 text-slate-500">لا يوجد مستثمرين بعد. أضف أول مستثمر!</div>
        {% endif %}
    </div>
</div>
{% endblock %}