{% extends "base.html" %}
{% block title %}{{ customer.name }} - 产品匹配{% endblock %}
{% block header_title %}{{ customer.name }} · 产品匹配{% endblock %}
{% block content %}

<div class="space-y-4">
    {% for p, score, reasons, warnings in matches %}
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4">
        <div class="flex items-center justify-between mb-3">
            <h3 class="font-medium">{{ p.name }}</h3>
            <span class="text-lg font-bold {% if score >= 80 %}text-green-700{% elif score >= 50 %}text-yellow-700{% else %}text-gray-400{% endif %}">{{ score }}分</span>
        </div>
        <div class="text-sm text-gray-600 space-y-1 mb-3">
            <p>利率: {{ p.rate_min or '?' }}% - {{ p.rate_max or '?' }}%</p>
            <p>额度: {{ p.amount_min or '?' }}万 - {{ p.amount_max or '?' }}万</p>
            <p>期限: {{ p.term_options or '-' }}</p>
        </div>
        {% if warnings %}
        <div class="space-y-0.5 mb-2">
            {% for w in warnings %}
            <p class="text-sm text-red-600">⚠️ {{ w }}</p>
            {% endfor %}
        </div>
        {% endif %}
        {% if reasons %}
        <div class="space-y-0.5">
            {% for r in reasons %}
            <p class="text-sm text-green-600">✅ {{ r }}</p>
            {% endfor %}
        </div>
        {% endif %}
        {% if score == 0 %}
        <p class="text-sm text-red-500 mt-2 font-medium">该客户不满足此产品的基本要求</p>
        {% endif %}
    </div>
    {% endfor %}

    {% if not matches %}
    <div class="text-center py-16">
        <p class="text-gray-400">暂无匹配产品</p>
    </div>
    {% endif %}
</div>

{% endblock %}