{% extends "base.html" %}
{% block title %}Meeting Scheduler — {{ 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">MEETING SCHEDULER</div>
        <h1 class="text-2xl font-bold text-white">جدولة الاجتماعات — {{ report.project_name }}</h1>
    </div>
    <div class="glass p-6 rounded-xl border border-white/10 mb-6">
        <p class="text-slate-400 text-sm mb-4">المستثمرين المرتبطين بهذا المشروع:</p>
        {% if contacts %}
        <div class="space-y-2">
            {% for c in contacts %}
            <div class="flex items-center justify-between bg-white/5 p-3 rounded-lg">
                <div>
                    <span class="text-white">{{ c.name }}</span>
                    <span class="text-xs text-slate-400 ml-2">{{ c.email or '' }}</span>
                </div>
                <span class="text-xs bg-blue-500/20 text-blue-400 px-2 py-0.5 rounded-full">{{ c.stage }}</span>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <p class="text-slate-500 text-sm">لا يوجد مستثمرين مرتبطين. <a href="{{ url_for('investor_crm.add') }}" class="text-gold-400 hover:underline">أضف مستثمر</a></p>
        {% endif %}
    </div>
    <div class="glass p-6 rounded-xl border border-white/10">
        <div class="text-xs text-gold-500 font-mono uppercase mb-2">COMING SOON</div>
        <p class="text-slate-400 text-sm">تكامل مع Calendly و Google Calendar لجدولة الاجتماعات تلقائياً مع المستثمرين.</p>
    </div>
</div>
{% endblock %}