{% extends "base.html" %}
{% block title %}Add Investor — CRM{% endblock %}
{% block content %}
<div class="max-w-2xl mx-auto px-4 py-12">
    <div class="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">ADD INVESTOR</div>
        <h1 class="text-2xl font-bold text-white">إضافة مستثمر جديد</h1>
    </div>
    <form method="POST" class="glass p-6 rounded-xl border border-white/10 space-y-4">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div>
            <label class="text-xs text-slate-400 block mb-1">اسم المستثمر</label>
            <input name="investor_name" required class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">الشركة / الصندوق</label>
            <input name="firm" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">البريد الإلكتروني</label>
            <input name="email" type="email" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">الهاتف</label>
            <input name="phone" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">التقرير المرتبط</label>
            <select name="report_id" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                <option value="">— بدون ربط —</option>
                {% for r in reports %}
                <option value="{{ r.id }}">{{ r.project_name }}</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">المرحلة</label>
            <select name="stage" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                <option value="identified">محدد</option>
                <option value="contacted">تم التواصل</option>
                <option value="meeting">اجتماع</option>
                <option value="negotiating">تفاوض</option>
                <option value="committed">ملتزم</option>
            </select>
        </div>
        <div>
            <label class="text-xs text-slate-400 block mb-1">ملاحظات</label>
            <textarea name="notes" rows="3" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm"></textarea>
        </div>
        <button type="button" onclick="aiFillInvestor()" id="aiFillBtn" class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white px-6 py-2.5 rounded-lg text-sm font-medium hover:opacity-90 transition flex items-center justify-center gap-2">
            🤖 اقتراح مستثمرين بالذكاء الاصطناعي
        </button>
        <button type="submit" class="w-full bg-gold-500/20 border border-gold-500/30 text-gold-400 px-6 py-2.5 rounded-lg text-sm font-medium hover:bg-gold-500/30 transition">إضافة</button>
    </form>
</div>

<script>
function aiFillInvestor() {
    const btn = document.getElementById('aiFillBtn');
    const reportSel = document.querySelector('select[name="report_id"]');
    const reportId = reportSel.value;
    if (!reportId) { alert('اختر تقريراً مرتبطاً أولاً'); return; }
    btn.disabled = true; btn.innerHTML = '⏳ جاري البحث عن مستثمرين...';
    fetch('/investor-crm/api/ai-suggest', {
        method: 'POST',
        headers: {'Content-Type': 'application/json', 'X-CSRFToken': '{{ csrf_token() }}'},
        body: JSON.stringify({report_id: reportId})
    }).then(r => r.json()).then(data => {
        btn.disabled = false; btn.innerHTML = '🤖 اقتراح مستثمرين بالذكاء الاصطناعي';
        if (data.error) { alert(data.error); return; }
        const form = document.querySelector('form');
        if (data.investor_name) form.investor_name.value = data.investor_name;
        if (data.firm) form.firm.value = data.firm;
        if (data.email) form.email.value = data.email;
        if (data.phone) form.phone.value = data.phone;
        if (data.stage) form.stage.value = data.stage;
        if (data.notes) form.notes.value = data.notes;
        alert('تم اقتراح مستثمر! راجع البيانات وعدّل ما يلزم.');
    }).catch(() => { btn.disabled = false; btn.innerHTML = '🤖 اقتراح مستثمرين بالذكاء الاصطناعي'; alert('حدث خطأ'); });
}
</script>
{% endblock %}