{% extends "base.html" %}
{% block title %}حاضنات الأعمال — {{ report.project_name }}{% endblock %}
{% block content %}
<div class="max-w-5xl mx-auto px-4 py-12">
    <div class="flex items-center gap-3 mb-8">
        <a href="{{ url_for('study.view', report_id=report.id) }}" class="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-slate-400 hover:bg-white/10 transition">&larr;</a>
        <div>
            <div class="text-xs text-gold-500 font-mono tracking-widest uppercase">INCUBATOR APPLICATION</div>
            <h1 class="text-2xl font-bold text-white">التقديم لحاضنات الأعمال</h1>
        </div>
    </div>

    <!-- Available Incubators -->
    <h2 class="text-lg font-semibold text-white mb-4">الحاضنات والمسرعات المتاحة</h2>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-10">
        {% for inc in incubators %}
        <div class="glass p-5 rounded-xl border border-white/10 hover:border-gold-500/30 transition">
            <h3 class="text-white font-semibold text-sm">{{ inc.name }}</h3>
            <p class="text-gold-400 text-xs mb-2">{{ inc.name_ar }}</p>
            <p class="text-slate-500 text-xs mb-3">{{ inc.city }}</p>
            <div class="flex gap-2">
                <form method="POST" class="inline">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="incubator_name" value="{{ inc.name }}">
                    <input type="hidden" name="incubator_type" value="incubator">
                    <button type="submit" class="text-xs bg-gold-500/20 border border-gold-500/30 text-gold-400 px-3 py-1.5 rounded-lg hover:bg-gold-500/30 transition">تقديم طلب</button>
                </form>
                <a href="{{ inc.website }}" target="_blank" class="text-xs bg-white/5 border border-white/10 text-slate-400 px-3 py-1.5 rounded-lg hover:bg-white/10 transition">الموقع</a>
            </div>
        </div>
        {% endfor %}
    </div>

    {% if partners %}
    <h2 class="text-lg font-semibold text-white mb-4">شركاء متكاملون (API)</h2>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-10">
        {% for p in partners %}
        <div class="glass p-5 rounded-xl border border-emerald-500/20">
            <div class="flex items-center gap-3">
                {% if p.logo_url %}<img src="{{ p.logo_url }}" class="w-8 h-8 rounded">{% endif %}
                <div>
                    <h3 class="text-white font-semibold text-sm">{{ p.name }}</h3>
                    <p class="text-emerald-400 text-xs">متكامل عبر API — تقديم مباشر</p>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% endif %}

    {% if applications %}
    <h2 class="text-lg font-semibold text-white mb-4">طلباتك</h2>
    <div class="space-y-3">
        {% for app in applications %}
        <div class="glass p-4 rounded-xl border border-white/10 flex items-center justify-between">
            <div>
                <span class="text-sm text-white">{{ app.incubator_name }}</span>
                <span class="text-xs text-slate-500 ml-3">{{ app.created_at.strftime('%Y-%m-%d') }}</span>
                <span class="text-xs px-2 py-0.5 rounded-full ml-2
                    {% if app.status == 'generated' %}bg-emerald-500/20 text-emerald-400
                    {% elif app.status == 'submitted' %}bg-blue-500/20 text-blue-400
                    {% else %}bg-yellow-500/20 text-yellow-400{% endif %}">{{ app.status }}</span>
                {% if app.response_status %}
                <span class="text-xs px-2 py-0.5 rounded-full ml-2 bg-purple-500/20 text-purple-400">{{ app.response_status }}</span>
                {% endif %}
            </div>
            <a href="{{ url_for('incubator.edit', app_id=app.id) }}" class="text-gold-400 text-sm hover:underline">تعديل &rarr;</a>
        </div>
        {% endfor %}
    </div>
    {% endif %}
</div>
{% endblock %}