{% 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="mb-8">
        <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>
    <div class="flex gap-2 mb-6 flex-wrap">
        <a href="{{ url_for('investor_crm.index') }}" class="px-3 py-1 rounded-full text-xs {{ 'bg-gold-500/20 text-gold-400 border border-gold-500/30' if not current_stage else 'bg-white/5 text-slate-400 border border-white/10' }}">الكل</a>
        {% for s in stages %}
        <a href="{{ url_for('investor_crm.index', stage=s) }}" class="px-3 py-1 rounded-full text-xs {{ 'bg-gold-500/20 text-gold-400 border border-gold-500/30' if current_stage == s else 'bg-white/5 text-slate-400 border border-white/10' }}">{{ s }}</a>
        {% endfor %}
    </div>
    <form method="POST" action="{{ url_for('investor_crm.add') }}" class="glass p-4 rounded-xl border border-white/10 mb-6 grid md:grid-cols-5 gap-3">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input name="name" required placeholder="اسم المستثمر" class="bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        <input name="company" placeholder="الشركة" class="bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        <input name="email" type="email" placeholder="البريد" class="bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        <select name="stage" class="bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
            {% for s in stages %}<option value="{{ s }}">{{ s }}</option>{% endfor %}
        </select>
        <button type="submit" 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">+ إضافة</button>
    </form>
    <div class="space-y-2">
        {% for c in contacts %}
        <div class="glass p-4 rounded-xl border border-white/10 flex items-center justify-between">
            <div>
                <span class="text-white font-medium">{{ c.name }}</span>
                <span class="text-xs text-slate-400 ml-2">{{ c.company or '' }}</span>
                <span class="text-xs text-slate-500 ml-2">{{ c.email or '' }}</span>
            </div>
            <div class="flex items-center gap-3">
                <span class="text-xs bg-blue-500/20 text-blue-400 px-2 py-0.5 rounded-full">{{ c.stage }}</span>
                <form method="POST" action="{{ url_for('investor_crm.delete', cid=c.id) }}" class="inline">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <button type="submit" class="text-xs text-red-400 hover:text-red-300">حذف</button>
                </form>
            </div>
        </div>
        {% else %}
        <div class="text-center py-16 text-slate-500">لا يوجد مستثمرين بعد</div>
        {% endfor %}
    </div>
</div>
{% endblock %}