{% extends "base.html" %}

{% block title %}合作站点管理{% endblock %}

{% block content %}
<h2 class="mb-4">合作站点管理</h2>

<div class="row">
    <!-- 添加新站点表单 -->
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">添加新站点</div>
            <div class="card-body">
                <form method="POST" action="{{ url_for('main.manage_sites') }}" novalidate>
                    {{ form.hidden_tag() }}
                    <div class="mb-3">
                        {{ form.name.label(class="form-label") }}
                        {{ form.name(class="form-control") }}
                        {% for error in form.name.errors %}
                            <div class="text-danger small">{{ error }}</div>
                        {% endfor %}
                    </div>
                    <div class="mb-3">
                        {{ form.url.label(class="form-label") }}
                        {{ form.url(class="form-control", placeholder="https://example.com") }}
                         {% for error in form.url.errors %}
                            <div class="text-danger small">{{ error }}</div>
                        {% endfor %}
                    </div>
                    {{ form.submit(class="btn btn-primary") }}
                </form>
            </div>
        </div>
    </div>

    <!-- 站点列表 -->
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">站点列表</div>
            <div class="list-group list-group-flush">
                {% if sites %}
                    {% for site in sites %}
                    <div class="list-group-item d-flex justify-content-between align-items-center">
                        <div>
                            <strong>{{ site.name }}</strong>
                            {% if not site.is_active %}<span class="badge bg-secondary">已禁用</span>{% endif %}
                            <br>
                            <small class="text-muted">{{ site.url or '未提供 URL' }}</small>
                        </div>
                        <div class="btn-group">
                            <!-- 切换启用/禁用状态的按钮 -->
                            <form action="{{ url_for('main.toggle_site_active', site_id=site.id) }}" method="POST" class="d-inline">
                                <button type="submit" class="btn btn-sm btn-{{ 'warning' if site.is_active else 'success' }}">
                                    {{ '禁用' if site.is_active else '启用' }}
                                </button>
                            </form>
                            <!-- 删除按钮 -->
                            <form action="{{ url_for('main.delete_site', site_id=site.id) }}" method="POST" class="d-inline ms-2">
                                <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('确定要删除站点 {{ site.name }} 吗？此操作不可逆！');">删除</button>
                            </form>
                        </div>
                    </div>
                    {% endfor %}
                {% else %}
                    <div class="list-group-item text-center text-muted">暂无合作站点。</div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}