{% extends "base.html" %}
{% block title %}Legal Documents — Jadwa AI{% endblock %}
{% block content %}
<div class="max-w-5xl mx-auto px-4 py-12">
    <div class="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">AI LEGAL GENERATOR</div>
        <h1 class="text-2xl font-bold text-white">المستندات القانونية</h1>
    </div>

    <form method="POST" action="{{ url_for('legal.generate') }}" class="glass p-5 rounded-xl border border-white/10 mb-8">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="grid md:grid-cols-3 gap-4 mb-4">
            <div>
                <label class="text-xs text-slate-400 block mb-1">نوع المستند</label>
                <select name="doc_type" required class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                    {% for key, name_ar, name_en in doc_types %}
                    <option value="{{ key }}">{{ name_ar }}</option>
                    {% endfor %}
                </select>
            </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="language" class="w-full bg-slate-800 border border-white/10 text-white rounded-lg px-3 py-2 text-sm">
                    <option value="ar">العربية</option>
                    <option value="en">English</option>
                </select>
            </div>
        </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 class="space-y-3">
        {% for doc in docs %}
        <a href="{{ url_for('legal.view', doc_id=doc.id) }}" class="block glass p-4 rounded-xl border border-white/10 hover:border-gold-500/30 transition">
            <div class="flex items-center justify-between">
                <div>
                    <div class="text-white font-medium">{{ doc.title }}</div>
                    <div class="text-xs text-slate-500">{{ doc.doc_type }} • {{ doc.language|upper }} • {{ doc.created_at.strftime('%Y-%m-%d') }}</div>
                </div>
                <svg class="w-5 h-5 text-slate-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
            </div>
        </a>
        {% else %}
        <div class="text-center py-16 text-slate-500">لم تولّد أي مستندات قانونية بعد</div>
        {% endfor %}
    </div>
</div>
{% endblock %}