{% extends "base.html" %}
{% block title %}{{ doc.title }} — Legal{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto px-4 py-12">
    <div class="flex items-center justify-between mb-8">
        <div>
            <a href="{{ url_for('legal.index') }}" class="text-sm text-slate-400 hover:text-white transition mb-2 inline-block">&larr; المستندات</a>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">{{ doc.doc_type|upper }}</div>
            <h1 class="text-2xl font-bold text-white">{{ doc.title }}</h1>
            <div class="text-xs text-slate-500 mt-1">{{ doc.created_at.strftime('%Y-%m-%d %H:%M') }} | {{ doc.language|upper }}</div>
        </div>
        <a href="{{ url_for('legal.export_docx', doc_id=doc.id) }}" class="bg-white/5 border border-white/10 text-white px-4 py-2 rounded-lg text-sm hover:bg-white/10 transition">تصدير Word</a>
    </div>
    <div class="glass p-8 rounded-xl border border-white/10">
        <div class="prose prose-invert max-w-none text-slate-300 leading-loose whitespace-pre-wrap" dir="auto">{{ doc.content }}</div>
    </div>
</div>
{% endblock %}