{% extends "base.html" %}
{% block title %}Edit 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">EDIT 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" value="{{ contact.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" value="{{ contact.firm or '' }}" 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" value="{{ contact.email or '' }}" 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" value="{{ contact.phone or '' }}" 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="stage" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                {% for s in ['identified','contacted','meeting','negotiating','committed','declined'] %}
                <option value="{{ s }}" {{ 'selected' if contact.stage == s }}>{{ s }}</option>
                {% endfor %}
            </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">{{ contact.notes or '' }}</textarea>
        </div>
        <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>
{% endblock %}