{% extends "base.html" %}
{% block title %}Startup Valuation — {{ 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="mb-8">
        <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">STARTUP VALUATION</div>
        <h1 class="text-2xl font-bold text-white">تقييم المشروع — {{ report.project_name }}</h1>
    </div>
    {% if valuation.error is defined %}
    <div class="glass p-6 rounded-xl border border-red-500/30 text-red-400">{{ valuation.error }}</div>
    {% else %}
    <div class="grid md:grid-cols-2 gap-4 mb-6">
        {% for method in ['dcf','comparable','scorecard','berkus'] %}
        {% if valuation[method] is defined %}
        <div class="glass p-5 rounded-xl border border-white/10">
            <div class="text-xs text-gold-500 font-mono uppercase mb-1">{{ method }}</div>
            <div class="text-2xl text-white font-bold mb-2">{{ "{:,.0f}".format(valuation[method].value|default(0)) }} {{ valuation.currency|default('SAR') }}</div>
            <p class="text-sm text-slate-400">{{ valuation[method].explanation|default('') }}</p>
        </div>
        {% endif %}
        {% endfor %}
    </div>
    {% if valuation.recommended_range is defined %}
    <div class="glass p-6 rounded-xl border border-gold-500/30">
        <div class="text-xs text-gold-500 font-mono uppercase mb-2">RECOMMENDED RANGE</div>
        <div class="text-xl text-white font-bold">{{ "{:,.0f}".format(valuation.recommended_range.low|default(0)) }} — {{ "{:,.0f}".format(valuation.recommended_range.high|default(0)) }} {{ valuation.currency|default('SAR') }}</div>
    </div>
    {% endif %}
    {% endif %}
</div>
{% endblock %}