{% extends "base.html" %}
{% block title %}{{ industry.name }} - 行业知识 - 本地贷款CRM{% endblock %}
{% block header_title %}{{ industry.name }}{% endblock %}
{% block content %}

<div class="flex gap-2 mb-4">
    <a href="/industries" class="text-sm px-3 py-1.5 rounded-lg bg-gray-100 text-gray-600">← 行业列表</a>
</div>

<form method="POST" action="/industries/{{ industry.id }}/edit" class="space-y-4">
    <!-- Basic info -->
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4 md:p-6">
        <h2 class="font-semibold text-gray-900 mb-3">基本信息</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            <div>
                <label class="text-xs text-gray-500">行业名称</label>
                <input name="name" value="{{ industry.name }}" class="w-full border rounded-lg px-3 py-2 text-sm">
            </div>
            <div>
                <label class="text-xs text-gray-500">平均贷款金额（万）</label>
                <input name="avg_loan_amount" value="{{ industry.avg_loan_amount or '' }}" type="number" step="0.1" class="w-full border rounded-lg px-3 py-2 text-sm">
            </div>
            <div class="md:col-span-2">
                <label class="text-xs text-gray-500">行业描述</label>
                <textarea name="description" rows="2" class="w-full border rounded-lg px-3 py-2 text-sm">{{ industry.description or '' }}</textarea>
            </div>
        </div>
    </div>

    <!-- Capital cycle -->
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4 md:p-6">
        <h2 class="font-semibold text-gray-900 mb-3">资金周期</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
            <div>
                <label class="text-xs text-gray-500">用款周期</label>
                <input name="capital_cycle" value="{{ industry.capital_cycle or '' }}" class="w-full border rounded-lg px-3 py-2 text-sm" placeholder="如：3-6个月">
            </div>
            <div>
                <label class="text-xs text-gray-500">旺季</label>
                <input name="peak_season" value="{{ industry.peak_season or '' }}" class="w-full border rounded-lg px-3 py-2 text-sm" placeholder="如：春节前后">
            </div>
            <div>
                <label class="text-xs text-gray-500">淡季</label>
                <input name="off_season" value="{{ industry.off_season or '' }}" class="w-full border rounded-lg px-3 py-2 text-sm" placeholder="如：夏季">
            </div>
        </div>
    </div>

    <!-- Risk factors -->
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4 md:p-6">
        <h2 class="font-semibold text-gray-900 mb-3">风险因素</h2>
        <textarea name="risk_factors" rows="3" class="w-full border rounded-lg px-3 py-2 text-sm" placeholder="该行业的常见风险因素">{{ industry.risk_factors or '' }}</textarea>
    </div>

    <!-- Pain points & notes -->
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4 md:p-6">
        <h2 class="font-semibold text-gray-900 mb-3">行业痛点</h2>
        <textarea name="pain_points" rows="3" class="w-full border rounded-lg px-3 py-2 text-sm mb-4" placeholder="该行业的主要痛点">{{ industry.pain_points or '' }}</textarea>
        <h2 class="font-semibold text-gray-900 mb-3">备注</h2>
        <textarea name="notes" rows="3" class="w-full border rounded-lg px-3 py-2 text-sm" placeholder="其他备注信息">{{ industry.notes or '' }}</textarea>
    </div>

    <div class="pb-16 md:pb-0">
        <button type="submit" class="text-sm px-6 py-2.5 bg-primary text-white rounded-lg hover:bg-blue-700">保存修改</button>
    </div>
</form>

{% endblock %}