{% extends "base.html" %}
{% block title %}تعديل براءة اختراع - {{ patent.title_ar or '' }}{% endblock %}
{% block content %}
<div class="max-w-5xl mx-auto px-4 py-8">
    <div class="mb-6 flex items-center justify-between">
        <a href="{{ url_for('ip.index') }}" class="text-indigo-600 hover:underline text-sm">← العودة للملكية الفكرية</a>
        <div class="flex gap-2">
            <button onclick="aiFillAll()" id="aiFillBtn" class="bg-gradient-to-r from-indigo-600 to-purple-600 text-white px-5 py-2 rounded-lg hover:opacity-90 transition text-sm font-medium">🤖 تعبئة بالذكاء الاصطناعي</button>
            <button onclick="aiPriorArt()" id="priorArtBtn" class="bg-amber-600 text-white px-4 py-2 rounded-lg hover:bg-amber-700 transition text-sm">🔍 بحث التقنية السابقة</button>
        </div>
    </div>

    {% set finfo = filing_info.get(patent.filing_type, {}) %}
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 mb-6">
        <div class="flex items-center gap-3 mb-2">
            <span class="text-2xl">{{ finfo.get('icon', '📄') }}</span>
            <h1 class="text-2xl font-bold text-gray-900 dark:text-white">تعديل طلب براءة اختراع</h1>
        </div>
        <p class="text-gray-500 text-sm">{{ finfo.get('name_ar', '') }} — {{ patent.report.project_name if patent.report else '' }}</p>
    </div>

    <!-- AI Prior Art Result -->
    <div id="priorArtResult" class="hidden bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-xl p-5 mb-6">
        <h3 class="font-bold text-amber-800 dark:text-amber-300 mb-3">🔍 نتائج بحث التقنية السابقة</h3>
        <div id="priorArtContent"></div>
    </div>

    <!-- Patentability Score -->
    <div id="patentabilityScore" class="hidden bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-5 mb-6 border border-blue-200 dark:border-blue-800">
        <h3 class="font-bold text-blue-800 dark:text-blue-300 mb-3">📊 تقييم قابلية الحصول على براءة</h3>
        <div id="scoreContent"></div>
    </div>

    <form method="POST" class="space-y-6">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <input type="hidden" name="status" value="{{ patent.status }}">

        <!-- Section 1: Applicant -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">1</span>
                بيانات مقدم الطلب
            </h2>
            {% set app = patent.applicant_json or {} %}
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الاسم بالعربية</label>
                    <input type="text" name="applicant_name_ar" value="{{ app.get('name_ar', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الاسم بالإنجليزية</label>
                    <input type="text" name="applicant_name_en" value="{{ app.get('name_en', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">العنوان</label>
                    <input type="text" name="applicant_address" value="{{ app.get('address', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الجنسية</label>
                    <input type="text" name="applicant_nationality" value="{{ app.get('nationality', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">رقم الهوية / السجل التجاري</label>
                    <input type="text" name="applicant_id_number" value="{{ app.get('id_number', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الهاتف</label>
                    <input type="text" name="applicant_phone" value="{{ app.get('phone', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">البريد الإلكتروني</label>
                    <input type="email" name="applicant_email" value="{{ app.get('email', '') }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
            </div>
        </div>

        <!-- Section 2: Inventors -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">2</span>
                بيانات المخترع(ين)
            </h2>
            <div id="inventorsList" class="space-y-3">
                {% for inv in (patent.inventors_json or [{}]) %}
                <div class="inventor-row border dark:border-gray-700 rounded-lg p-4">
                    <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                        <div>
                            <label class="block text-xs text-gray-500 mb-1">اسم المخترع</label>
                            <input type="text" name="inventor_name[]" value="{{ inv.get('name', '') }}" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                        </div>
                        <div>
                            <label class="block text-xs text-gray-500 mb-1">الجنسية</label>
                            <input type="text" name="inventor_nationality[]" value="{{ inv.get('nationality', '') }}" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                        </div>
                        <div>
                            <label class="block text-xs text-gray-500 mb-1">العنوان</label>
                            <input type="text" name="inventor_address[]" value="{{ inv.get('address', '') }}" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                        </div>
                        <div>
                            <label class="block text-xs text-gray-500 mb-1">المساهمة</label>
                            <input type="text" name="inventor_contribution[]" value="{{ inv.get('contribution', '') }}" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            <button type="button" onclick="addInventor()" class="mt-3 text-sm text-indigo-600 hover:underline">+ إضافة مخترع آخر</button>
        </div>

        <!-- Section 3: Invention Title & Field -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">3</span>
                عنوان الاختراع والمجال التقني
            </h2>
            <div class="space-y-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">عنوان الاختراع بالعربية</label>
                    <input type="text" name="title_ar" id="title_ar" value="{{ patent.title_ar or '' }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">عنوان الاختراع بالإنجليزية</label>
                    <input type="text" name="title_en" id="title_en" value="{{ patent.title_en or '' }}" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">المجال التقني</label>
                    <textarea name="technical_field" id="technical_field" rows="3" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">{{ patent.technical_field or '' }}</textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">تصنيف IPC</label>
                    <input type="text" name="ipc_code" id="ipc_code" value="{{ patent.ipc_code or '' }}" placeholder="مثال: G06F 3/01" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
            </div>
        </div>

        <!-- Section 4: Background Art -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">4</span>
                خلفية الاختراع (التقنية السابقة)
            </h2>
            <textarea name="background_art" id="background_art" rows="6" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" placeholder="اشرح المشكلة التقنية والحلول الحالية وقصورها...">{{ patent.background_art or '' }}</textarea>
        </div>

        <!-- Section 5: Invention Description -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">5</span>
                وصف الاختراع التفصيلي
            </h2>
            <textarea name="invention_description" id="invention_description" rows="10" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" placeholder="وصف تفصيلي للاختراع يشمل كيفية العمل والمكونات...">{{ patent.invention_description or '' }}</textarea>
        </div>

        <!-- Section 6: Claims -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-bold text-gray-900 dark:text-white flex items-center gap-2">
                    <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">6</span>
                    عناصر الحماية (المطالبات)
                </h2>
                <button type="button" onclick="aiGenerateClaims()" id="claimsBtn" class="text-sm bg-purple-100 text-purple-700 px-3 py-1.5 rounded-lg hover:bg-purple-200 transition">🤖 توليد المطالبات</button>
            </div>
            <div id="claimsList" class="space-y-3">
                {% for claim in (patent.claims_json or [{'type': 'independent', 'text': ''}]) %}
                <div class="claim-row border dark:border-gray-700 rounded-lg p-3">
                    <div class="flex gap-3 items-start">
                        <select name="claim_type[]" class="border rounded-lg px-2 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white w-28">
                            <option value="independent" {% if claim.get('type') == 'independent' %}selected{% endif %}>مستقلة</option>
                            <option value="dependent" {% if claim.get('type') == 'dependent' %}selected{% endif %}>تابعة</option>
                        </select>
                        <textarea name="claim_text[]" rows="2" class="flex-1 border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">{{ claim.get('text', '') }}</textarea>
                    </div>
                </div>
                {% endfor %}
            </div>
            <button type="button" onclick="addClaim()" class="mt-3 text-sm text-indigo-600 hover:underline">+ إضافة مطالبة</button>
        </div>

        <!-- Section 7: Abstract -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">7</span>
                ملخص الاختراع
            </h2>
            <div class="space-y-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الملخص بالعربية <span class="text-xs text-gray-400">(150 كلمة كحد أقصى)</span></label>
                    <textarea name="abstract_ar" id="abstract_ar" rows="4" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white">{{ patent.abstract_ar or '' }}</textarea>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">الملخص بالإنجليزية</label>
                    <textarea name="abstract_en" id="abstract_en" rows="4" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">{{ patent.abstract_en or '' }}</textarea>
                </div>
            </div>
        </div>

        <!-- Section 8: Drawings -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">8</span>
                وصف الرسومات التوضيحية
            </h2>
            <textarea name="drawings_description" id="drawings_description" rows="4" class="w-full border rounded-lg px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white" placeholder="وصف الرسومات والأشكال التوضيحية المرفقة...">{{ patent.drawings_description or '' }}</textarea>
        </div>

        <!-- Section 9: Priority Claims -->
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
            <h2 class="text-lg font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">
                <span class="bg-indigo-100 text-indigo-700 w-7 h-7 rounded-full flex items-center justify-center text-sm font-bold">9</span>
                بيانات الأولوية <span class="text-xs text-gray-400 font-normal">(اختياري)</span>
            </h2>
            <div id="priorityList" class="space-y-3">
                {% for pri in (patent.priority_claims_json or []) %}
                <div class="priority-row grid grid-cols-3 gap-3">
                    <input type="text" name="priority_country[]" value="{{ pri.get('country', '') }}" placeholder="الدولة" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                    <input type="date" name="priority_date[]" value="{{ pri.get('date', '') }}" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
                    <input type="text" name="priority_number[]" value="{{ pri.get('number', '') }}" placeholder="رقم الطلب" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
                </div>
                {% endfor %}
            </div>
            <button type="button" onclick="addPriority()" class="mt-3 text-sm text-indigo-600 hover:underline">+ إضافة أولوية</button>
        </div>

        <!-- Submit -->
        <div class="flex gap-3">
            <button type="submit" name="status" value="draft" class="flex-1 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 py-3 rounded-xl hover:bg-gray-300 transition font-medium">حفظ كمسودة</button>
            <button type="submit" name="status" value="generated" class="flex-1 bg-indigo-600 text-white py-3 rounded-xl hover:bg-indigo-700 transition font-medium">حفظ ومعاينة →</button>
        </div>
    </form>
</div>

<script>
const patentId = {{ patent.id }};
const csrfToken = '{{ csrf_token() }}';

function addInventor() {
    const html = `<div class="inventor-row border dark:border-gray-700 rounded-lg p-4">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            <div><label class="block text-xs text-gray-500 mb-1">اسم المخترع</label><input type="text" name="inventor_name[]" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white"></div>
            <div><label class="block text-xs text-gray-500 mb-1">الجنسية</label><input type="text" name="inventor_nationality[]" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white"></div>
            <div><label class="block text-xs text-gray-500 mb-1">العنوان</label><input type="text" name="inventor_address[]" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white"></div>
            <div><label class="block text-xs text-gray-500 mb-1">المساهمة</label><input type="text" name="inventor_contribution[]" class="w-full border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white"></div>
        </div></div>`;
    document.getElementById('inventorsList').insertAdjacentHTML('beforeend', html);
}

function addClaim() {
    const html = `<div class="claim-row border dark:border-gray-700 rounded-lg p-3"><div class="flex gap-3 items-start">
        <select name="claim_type[]" class="border rounded-lg px-2 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white w-28"><option value="independent">مستقلة</option><option value="dependent">تابعة</option></select>
        <textarea name="claim_text[]" rows="2" class="flex-1 border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white"></textarea>
    </div></div>`;
    document.getElementById('claimsList').insertAdjacentHTML('beforeend', html);
}

function addPriority() {
    const html = `<div class="priority-row grid grid-cols-3 gap-3">
        <input type="text" name="priority_country[]" placeholder="الدولة" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
        <input type="date" name="priority_date[]" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
        <input type="text" name="priority_number[]" placeholder="رقم الطلب" class="border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white" dir="ltr">
    </div>`;
    document.getElementById('priorityList').insertAdjacentHTML('beforeend', html);
}

function aiFillAll() {
    const btn = document.getElementById('aiFillBtn');
    btn.disabled = true; btn.textContent = '⏳ جاري التوليد...';
    fetch('/ip/api/ai-fill-patent', {
        method: 'POST', headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrfToken},
        body: JSON.stringify({patent_id: patentId})
    }).then(r => r.json()).then(data => {
        btn.disabled = false; btn.textContent = '🤖 تعبئة بالذكاء الاصطناعي';
        if (data.content) {
            const c = data.content;
            if (c.title_ar) document.getElementById('title_ar').value = c.title_ar;
            if (c.title_en) document.getElementById('title_en').value = c.title_en;
            if (c.technical_field) document.getElementById('technical_field').value = c.technical_field;
            if (c.ipc_code) document.getElementById('ipc_code').value = c.ipc_code;
            if (c.background_art) document.getElementById('background_art').value = c.background_art;
            if (c.invention_description) document.getElementById('invention_description').value = c.invention_description;
            if (c.abstract_ar) document.getElementById('abstract_ar').value = c.abstract_ar;
            if (c.abstract_en) document.getElementById('abstract_en').value = c.abstract_en;
            if (c.drawings_description) document.getElementById('drawings_description').value = c.drawings_description;
            if (c.claims && c.claims.length) {
                const list = document.getElementById('claimsList');
                list.innerHTML = '';
                c.claims.forEach(cl => {
                    list.insertAdjacentHTML('beforeend', `<div class="claim-row border dark:border-gray-700 rounded-lg p-3"><div class="flex gap-3 items-start">
                        <select name="claim_type[]" class="border rounded-lg px-2 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white w-28"><option value="independent" ${cl.type==='independent'?'selected':''}>مستقلة</option><option value="dependent" ${cl.type==='dependent'?'selected':''}>تابعة</option></select>
                        <textarea name="claim_text[]" rows="2" class="flex-1 border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">${cl.text}</textarea>
                    </div></div>`);
                });
            }
            if (c.patentability_score) {
                const s = c.patentability_score;
                document.getElementById('patentabilityScore').classList.remove('hidden');
                document.getElementById('scoreContent').innerHTML = `
                    <div class="grid grid-cols-4 gap-3 mb-3">
                        <div class="text-center"><div class="text-2xl font-bold text-blue-600">${s.novelty || '-'}</div><div class="text-xs text-gray-500">الجدة</div></div>
                        <div class="text-center"><div class="text-2xl font-bold text-purple-600">${s.inventive_step || '-'}</div><div class="text-xs text-gray-500">الخطوة الابتكارية</div></div>
                        <div class="text-center"><div class="text-2xl font-bold text-green-600">${s.industrial_applicability || '-'}</div><div class="text-xs text-gray-500">التطبيق الصناعي</div></div>
                        <div class="text-center"><div class="text-2xl font-bold text-indigo-600">${s.overall || '-'}</div><div class="text-xs text-gray-500">الإجمالي</div></div>
                    </div>
                    <p class="text-sm text-gray-600 dark:text-gray-400">${s.assessment || ''}</p>`;
            }
            alert('تم تعبئة النموذج بنجاح! راجع البيانات وعدّل ما يلزم.');
        } else { alert(data.error || 'حدث خطأ'); }
    }).catch(() => { btn.disabled = false; btn.textContent = '🤖 تعبئة بالذكاء الاصطناعي'; });
}

function aiGenerateClaims() {
    const btn = document.getElementById('claimsBtn');
    btn.disabled = true; btn.textContent = '⏳ جاري التوليد...';
    const desc = document.getElementById('invention_description').value;
    const title = document.getElementById('title_ar').value;
    fetch('/ip/api/ai-generate-claims', {
        method: 'POST', headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrfToken},
        body: JSON.stringify({description: desc, title: title})
    }).then(r => r.json()).then(data => {
        btn.disabled = false; btn.textContent = '🤖 توليد المطالبات';
        if (data.claims) {
            const list = document.getElementById('claimsList');
            list.innerHTML = '';
            data.claims.forEach(cl => {
                list.insertAdjacentHTML('beforeend', `<div class="claim-row border dark:border-gray-700 rounded-lg p-3"><div class="flex gap-3 items-start">
                    <select name="claim_type[]" class="border rounded-lg px-2 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white w-28"><option value="independent" ${cl.type==='independent'?'selected':''}>مستقلة</option><option value="dependent" ${cl.type==='dependent'?'selected':''}>تابعة</option></select>
                    <textarea name="claim_text[]" rows="2" class="flex-1 border rounded-lg px-3 py-2 text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">${cl.text}</textarea>
                </div></div>`);
            });
        }
    }).catch(() => { btn.disabled = false; btn.textContent = '🤖 توليد المطالبات'; });
}

function aiPriorArt() {
    const btn = document.getElementById('priorArtBtn');
    btn.disabled = true; btn.textContent = '⏳ جاري البحث...';
    const title = document.getElementById('title_ar').value;
    const desc = document.getElementById('invention_description').value || document.getElementById('technical_field').value;
    fetch('/ip/api/ai-prior-art', {
        method: 'POST', headers: {'Content-Type': 'application/json', 'X-CSRFToken': csrfToken},
        body: JSON.stringify({title: title, description: desc})
    }).then(r => r.json()).then(data => {
        btn.disabled = false; btn.textContent = '🔍 بحث التقنية السابقة';
        document.getElementById('priorArtResult').classList.remove('hidden');
        let html = '';
        if (data.prior_art) {
            html += '<div class="space-y-2 mb-3">';
            data.prior_art.forEach(pa => {
                const relColor = pa.relevance === 'عالية' ? 'text-red-600' : pa.relevance === 'متوسطة' ? 'text-yellow-600' : 'text-green-600';
                html += `<div class="bg-white dark:bg-gray-800 rounded-lg p-3 border"><div class="flex justify-between"><strong>${pa.title}</strong><span class="${relColor} text-xs font-medium">${pa.relevance}</span></div><p class="text-xs text-gray-500 mt-1">${pa.summary || ''}</p><p class="text-xs text-indigo-600 mt-1">الفرق: ${pa.difference || ''}</p></div>`;
            });
            html += '</div>';
        }
        if (data.risk_level) html += `<div class="text-sm"><strong>مستوى المخاطر:</strong> ${data.risk_level}</div>`;
        if (data.novelty_assessment) html += `<div class="text-sm mt-1"><strong>تقييم الجدة:</strong> ${data.novelty_assessment}</div>`;
        if (data.recommendations) html += `<div class="mt-2"><strong class="text-sm">التوصيات:</strong><ul class="list-disc list-inside text-sm text-gray-600 mt-1">${data.recommendations.map(r=>`<li>${r}</li>`).join('')}</ul></div>`;
        document.getElementById('priorArtContent').innerHTML = html;
    }).catch(() => { btn.disabled = false; btn.textContent = '🔍 بحث التقنية السابقة'; });
}
</script>
{% endblock %}