{% extends "base.html" %}
{% block title %}设置 - 本地贷款CRM{% endblock %}
{% block header_title %}设置{% endblock %}
{% block content %}

<div class="max-w-2xl mx-auto space-y-6">
    <!-- Security -->
    <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-4">安全设置</h2>
        <dl class="space-y-3 text-sm">
            <div class="flex items-center justify-between">
                <dt class="text-gray-600">加密密钥</dt>
                <dd>
                    {% if has_encryption_key %}
                    <span class="text-success text-xs">✅ 已配置</span>
                    {% else %}
                    <span class="text-warning text-xs">⚠️ 未配置 — 在 .env 中设置 CRM_ENCRYPTION_KEY</span>
                    {% endif %}
                </dd>
            </div>
            <div class="flex items-center justify-between">
                <dt class="text-gray-600">数据库路径</dt>
                <dd class="text-gray-400 text-xs font-mono">data/crm.db</dd>
            </div>
        </dl>
    </div>

    <!-- Company API -->
    <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-4">公司系统对接</h2>
        {% if has_company_api %}
        <div class="text-success text-sm">✅ API 已配置</div>
        {% else %}
        <div class="text-gray-400 text-sm">
            <p class="mb-2">⚠️ 尚未配置公司系统 API</p>
            <p class="text-xs">在 .env 中设置 CRM_COMPANY_API_BASE_URL 和 CRM_COMPANY_API_KEY</p>
        </div>
        {% endif %}
        <p class="text-xs text-gray-400 mt-3">公司系统对接将在第三阶段实现。届时可在此页面配置同步字段、查看同步日志。</p>
    </div>

    <!-- About -->
    <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-4">关于</h2>
        <dl class="space-y-2 text-sm">
            <div class="flex justify-between"><dt class="text-gray-500">版本</dt><dd class="text-gray-900">v0.1.0 (第一阶段)</dd></div>
            <div class="flex justify-between"><dt class="text-gray-500">数据库</dt><dd class="text-gray-900">SQLite (WAL模式)</dd></div>
            <div class="flex justify-between"><dt class="text-gray-500">前端</dt><dd class="text-gray-900">Tailwind CSS + Alpine.js</dd></div>
            <div class="flex justify-between"><dt class="text-gray-500">后端</dt><dd class="text-gray-900">Python Flask</dd></div>
        </dl>
    </div>
</div>

{% endblock %}