{% extends "base.html" %}
{% block title %}تأسيس شركة — {{ report.project_name }}{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto px-4 py-12">
    <div class="flex items-center justify-between mb-8">
        <div class="flex items-center gap-3">
            <a href="{{ url_for('study.view', report_id=report.id) }}" class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-slate-400 hover:bg-white/10 transition">&larr;</a>
            <div>
                <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">COMPANY REGISTRATION</div>
                <h1 class="text-2xl font-bold text-white">تأسيس شركة — {{ report.project_name }}</h1>
            </div>
        </div>
        {% include "shared/_print_share_bar.html" %}
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- Registration Form -->
        <div class="lg:col-span-2">
            <div class="glass p-6 rounded-xl border border-white/10">
                <h2 class="text-lg font-semibold text-white mb-6">بيانات التأسيس</h2>
                <form method="POST" class="space-y-5">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="text-xs text-slate-400 block mb-1">اسم الشركة (عربي)</label>
                            <input name="company_name_ar" type="text" value="{{ registration.company_name_ar if registration else report.project_name }}"
                                   class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm" required>
                        </div>
                        <div>
                            <label class="text-xs text-slate-400 block mb-1">اسم الشركة (إنجليزي)</label>
                            <input name="company_name_en" type="text" value="{{ registration.company_name_en if registration else '' }}"
                                   class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                        </div>
                    </div>

                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="text-xs text-slate-400 block mb-1">نوع الكيان</label>
                            <select name="entity_type" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                                {% for et in entity_types %}
                                <option value="{{ et.value }}" {% if registration and registration.entity_type == et.value %}selected{% endif %}>{{ et.label_ar }} ({{ et.label_en }})</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div>
                            <label class="text-xs text-slate-400 block mb-1">الدولة</label>
                            <select name="country" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                                <option value="SA">المملكة العربية السعودية</option>
                                <option value="AE">الإمارات العربية المتحدة</option>
                                <option value="BH">البحرين</option>
                                <option value="KW">الكويت</option>
                                <option value="OM">عُمان</option>
                                <option value="QA">قطر</option>
                            </select>
                        </div>
                    </div>

                    <div>
                        <label class="text-xs text-slate-400 block mb-1">رأس المال (ريال)</label>
                        <input name="capital" type="number" value="{{ registration.capital if registration else '' }}" placeholder="100000"
                               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-2">الأنشطة التجارية</label>
                        <div class="grid grid-cols-2 gap-2">
                            {% for sector in sectors %}
                            <label class="flex items-center gap-2 text-sm text-slate-300 cursor-pointer">
                                <input type="checkbox" name="activities" value="{{ sector }}" class="rounded bg-white/5 border-white/20 text-gold-500">
                                {{ sector }}
                            </label>
                            {% endfor %}
                        </div>
                    </div>

                    <input type="hidden" name="owners_json" value="[]">

                    <div class="flex gap-3 no-print">
                        <button type="button" onclick="aiFillCompany()" id="aiFillBtn" class="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 gap-2">
                            🤖 تعبئة تلقائية بالذكاء الاصطناعي
                        </button>
                        <button type="submit" class="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>
                        <button type="button" onclick="getLegalAdvice()" class="bg-blue-500/20 border border-blue-500/30 text-blue-400 px-6 py-2.5 rounded-lg text-sm font-medium hover:bg-blue-500/30 transition">
                            استشارة قانونية AI
                        </button>
                    </div>
                </form>
            </div>

            <div id="legalAdvice" class="hidden glass p-6 rounded-xl border border-white/10 mt-6">
                <h3 class="text-white font-semibold mb-3">الاستشارة القانونية</h3>
                <div id="legalContent" class="text-slate-300 text-sm report-content"></div>
            </div>
        </div>

        <!-- Side Info -->
        <div class="space-y-4">
            <div class="glass p-5 rounded-xl border border-white/10">
                <h3 class="text-gold-400 font-semibold text-sm mb-3">روابط مفيدة</h3>
                <ul class="space-y-2 text-sm">
                    <li><a href="https://mc.gov.sa" target="_blank" class="text-blue-400 hover:underline">وزارة التجارة</a></li>
                    <li><a href="https://business.sa" target="_blank" class="text-blue-400 hover:underline">مركز الأعمال السعودي</a></li>
                    <li><a href="https://misa.gov.sa" target="_blank" class="text-blue-400 hover:underline">وزارة الاستثمار (MISA)</a></li>
                    <li><a href="https://developer.wathq.sa" target="_blank" class="text-blue-400 hover:underline">منصة واثق</a></li>
                    <li><a href="https://monshaat.gov.sa" target="_blank" class="text-blue-400 hover:underline">منشآت</a></li>
                </ul>
            </div>
            <div class="glass p-5 rounded-xl border border-white/10">
                <h3 class="text-gold-400 font-semibold text-sm mb-3">الخطوات المتوقعة</h3>
                <ol class="space-y-2 text-xs text-slate-400 list-decimal list-inside">
                    <li>حجز الاسم التجاري</li>
                    <li>إصدار السجل التجاري</li>
                    <li>فتح ملف في التأمينات</li>
                    <li>تسجيل ضريبة القيمة المضافة</li>
                    <li>فتح حساب بنكي تجاري</li>
                    <li>إصدار التراخيص المطلوبة</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<script>
async function getLegalAdvice() {
    const form = document.querySelector('form');
    const data = {
        report_id: {{ report.id }},
        entity_type: form.entity_type.value,
        country: form.country.value,
        activities: [...form.querySelectorAll('input[name=activities]:checked')].map(c => c.value)
    };
    document.getElementById('legalAdvice').classList.remove('hidden');
    document.getElementById('legalContent').innerHTML = '<div class="text-gold-400">جاري التحليل...</div>';
    try {
        const resp = await fetch('{{ url_for("company.api_legal_advice") }}', {
            method: 'POST', headers: {'Content-Type': 'application/json'},
            body: JSON.stringify(data)
        });
        const result = await resp.json();
        document.getElementById('legalContent').innerHTML = result.advice || result.error;
    } catch(e) {
        document.getElementById('legalContent').innerHTML = '<div class="text-red-400">حدث خطأ</div>';
    }
}

async function aiFillCompany() {
    const btn = document.getElementById('aiFillBtn');
    btn.disabled = true; btn.innerHTML = '⏳ جاري التعبئة...';
    try {
        const resp = await fetch('{{ url_for("company.api_ai_fill") }}', {
            method: 'POST', headers: {'Content-Type': 'application/json', 'X-CSRFToken': '{{ csrf_token() }}'},
            body: JSON.stringify({report_id: {{ report.id }}})
        });
        const data = await resp.json();
        btn.disabled = false; btn.innerHTML = '🤖 تعبئة تلقائية بالذكاء الاصطناعي';
        if (data.error) { alert(data.error); return; }
        const form = document.querySelector('form');
        if (data.company_name_ar) form.company_name_ar.value = data.company_name_ar;
        if (data.company_name_en) form.company_name_en.value = data.company_name_en;
        if (data.entity_type) form.entity_type.value = data.entity_type;
        if (data.country) form.country.value = data.country;
        if (data.capital) form.capital.value = data.capital;
        if (data.activities) {
            data.activities.forEach(a => {
                const cb = form.querySelector(`input[name=activities][value="${a}"]`);
                if (cb) cb.checked = true;
            });
        }
        alert('تم التعبئة بنجاح! راجع البيانات وعدّل ما يلزم.');
    } catch(e) {
        btn.disabled = false; btn.innerHTML = '🤖 تعبئة تلقائية بالذكاء الاصطناعي';
        alert('حدث خطأ');
    }
}
</script>
{% endblock %}