{% extends "base.html" %}
{% block title %}Pitch Rehearsal — {{ 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">AI PITCH REHEARSAL</div>
        <h1 class="text-2xl font-bold text-white">تدريب العرض الاستثماري — {{ report.project_name }}</h1>
    </div>
    <form method="POST" class="glass p-6 rounded-xl border border-white/10 space-y-4 mb-8">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div>
            <label class="text-xs text-slate-400 block mb-1">اكتب عرضك التقديمي (Elevator Pitch)</label>
            <textarea name="pitch_text" rows="6" required class="w-full bg-white/5 border border-white/10 text-white rounded-lg px-3 py-2 text-sm" placeholder="مشروعنا يحل مشكلة... من خلال... السوق المستهدف..."></textarea>
        </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>
    {% if feedback %}
    {% if feedback.error is defined %}
    <div class="glass p-6 rounded-xl border border-red-500/30 text-red-400">{{ feedback.error }}</div>
    {% elif feedback.scores is defined %}
    <div class="space-y-4">
        <div class="glass p-6 rounded-xl border border-white/10">
            <div class="text-xs text-gold-500 font-mono uppercase mb-3">SCORES</div>
            <div class="grid grid-cols-3 gap-3">
                {% for k, v in feedback.scores.items() %}
                <div class="text-center">
                    <div class="text-2xl font-bold text-white">{{ v }}/10</div>
                    <div class="text-xs text-slate-400">{{ k }}</div>
                </div>
                {% endfor %}
            </div>
            <div class="mt-4 text-center"><span class="text-3xl font-bold text-gold-400">{{ feedback.overall_score }}/100</span></div>
        </div>
        {% if feedback.strengths %}
        <div class="glass p-5 rounded-xl border border-green-500/20">
            <div class="text-xs text-green-400 font-mono uppercase mb-2">STRENGTHS</div>
            <ul class="text-sm text-slate-300 space-y-1">{% for s in feedback.strengths %}<li>• {{ s }}</li>{% endfor %}</ul>
        </div>
        {% endif %}
        {% if feedback.weaknesses %}
        <div class="glass p-5 rounded-xl border border-red-500/20">
            <div class="text-xs text-red-400 font-mono uppercase mb-2">WEAKNESSES</div>
            <ul class="text-sm text-slate-300 space-y-1">{% for w in feedback.weaknesses %}<li>• {{ w }}</li>{% endfor %}</ul>
        </div>
        {% endif %}
        {% if feedback.tough_questions %}
        <div class="glass p-5 rounded-xl border border-yellow-500/20">
            <div class="text-xs text-yellow-400 font-mono uppercase mb-2">TOUGH QUESTIONS TO PREPARE FOR</div>
            <ul class="text-sm text-slate-300 space-y-1">{% for q in feedback.tough_questions %}<li>{{ loop.index }}. {{ q }}</li>{% endfor %}</ul>
        </div>
        {% endif %}
        {% if feedback.improved_pitch %}
        <div class="glass p-5 rounded-xl border border-blue-500/20">
            <div class="text-xs text-blue-400 font-mono uppercase mb-2">IMPROVED PITCH</div>
            <p class="text-sm text-slate-300">{{ feedback.improved_pitch }}</p>
        </div>
        {% endif %}
    </div>
    {% else %}
    <div class="glass p-6 rounded-xl border border-white/10"><pre class="text-sm text-slate-300 whitespace-pre-wrap">{{ feedback.raw|default(feedback|string) }}</pre></div>
    {% endif %}
    {% endif %}
</div>
{% endblock %}