{% extends "base.html" %}
{% block title %}Version History — {{ report.project_name }}{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto px-4 py-12">
    <a href="{{ url_for('study.view', report_id=report.id) }}" class="text-sm text-slate-400 hover:text-white transition mb-4 inline-block">&larr; العودة للتقرير</a>
    <div class="flex items-center justify-between mb-8">
        <div>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">VERSION HISTORY</div>
            <h1 class="text-2xl font-bold text-white">سجل النسخ — {{ report.project_name }}</h1>
        </div>
        <form method="POST" action="{{ url_for('advanced.save_version', report_id=report.id) }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="bg-gold-500/20 border border-gold-500/30 text-gold-400 px-4 py-2 rounded-lg text-sm hover:bg-gold-500/30 transition">حفظ نسخة جديدة</button>
        </form>
    </div>
    <div class="space-y-3">
        {% for v in versions %}
        <div class="glass p-4 rounded-xl border border-white/10 flex items-center justify-between">
            <div>
                <span class="text-white font-medium">النسخة {{ v.version_number }}</span>
                <span class="text-xs text-slate-400 ml-2">{{ v.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
            </div>
        </div>
        {% else %}
        <div class="text-center py-16 text-slate-500">لا توجد نسخ محفوظة بعد</div>
        {% endfor %}
    </div>
</div>
{% endblock %}