{% extends "base.html" %}
{% block title %}{% if app %}编辑贷款申请{% else %}新建贷款申请{% endif %} - 本地贷款CRM{% endblock %}
{% block header_title %}{% if app %}编辑贷款申请{% else %}新建贷款申请{% endif %}{% endblock %}
{% block content %}

<div class="max-w-xl mx-auto">
    <form method="POST" class="bg-white rounded-xl shadow-sm border border-gray-100 p-4 md:p-6 space-y-4">
        {% if customer %}
        <div class="text-sm text-gray-600">
            客户：<span class="font-medium">{{ customer.name }}</span>
            {% if customer.phone %} · {{ customer.phone }}{% endif %}
        </div>
        <input type="hidden" name="customer_id" value="{{ customer.id }}">
        {% endif %}

        <div>
            <label class="block text-sm text-gray-600 mb-1">产品</label>
            <select name="product_id" class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30">
                <option value="">不指定</option>
                {% for p in products %}
                <option value="{{ p.id }}" {% if app and app.product_id == p.id %}selected{% endif %}>{{ p.name }} ({{ p.rate_min }}%-{{ p.rate_max }}%, {{ p.amount_min }}-{{ p.amount_max }}万)</option>
                {% endfor %}
            </select>
        </div>

        <div class="grid grid-cols-3 gap-4">
            <div>
                <label class="block text-sm text-gray-600 mb-1">申请金额（万）</label>
                <input type="number" name="amount" step="0.1" value="{{ app.amount if app else '' }}"
                       class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30">
            </div>
            <div>
                <label class="block text-sm text-gray-600 mb-1">利率（%）</label>
                <input type="number" name="rate" step="0.01" value="{{ app.rate if app else '' }}"
                       class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30">
            </div>
            <div>
                <label class="block text-sm text-gray-600 mb-1">期限（月）</label>
                <input type="number" name="term_months" value="{{ app.term_months if app else '' }}"
                       class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30">
            </div>
        </div>

        {% if app %}
        <div>
            <label class="block text-sm text-gray-600 mb-1">下一步行动</label>
            <input type="text" name="next_action" value="{{ app.next_action or '' }}"
                   class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30"
                   placeholder="如：等待客户补充流水">
        </div>
        <div>
            <label class="block text-sm text-gray-600 mb-1">行动日期</label>
            <input type="date" name="next_action_at" value="{{ app.next_action_at[:10] if app.next_action_at else '' }}"
                   class="w-full px-3 py-2.5 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-primary/30">
        </div>
        {% endif %}

        <div class="flex items-center gap-3 pt-3 border-t border-gray-100">
            <button type="submit" class="px-6 py-2.5 bg-primary text-white text-sm rounded-lg hover:bg-blue-700">
                {% if app %}保存{% else %}创建申请{% endif %}
            </button>
            <a href="{% if app %}/applications/{{ app.id }}{% else %}/customers{% endif %}"
               class="px-6 py-2.5 border border-gray-300 text-sm rounded-lg text-gray-600 hover:bg-gray-50">取消</a>
        </div>
    </form>
</div>

{% endblock %}