{% extends "base.html" %}

{% block title %}发起申诉{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow-sm">
            <div class="card-header">
                <h2 class="mb-0">为黑名单记录 #{{ entry.id }} 发起申诉</h2>
            </div>
            <div class="card-body">
                <ul class="list-group list-group-flush mb-4">
                    <li class="list-group-item"><strong>UID:</strong> {{ entry.uid }}</li>
                    <li class="list-group-item"><strong>邮箱:</strong> {{ entry.email }}</li>
                    <li class="list-group-item"><strong>站点:</strong> {{ entry.pt_site }}</li>
                    <li class="list-group-item">
                        <strong>违规原因:</strong>
                        {% if entry.reason_categories and entry.reason_categories|length > 0 %}
                            <ul class="mb-0 mt-1">
                            {% for reason in entry.reason_categories %}
                                <li>{{ reason | translate_reason }}</li>
                            {% endfor %}
                            </ul>
                        {% elif entry.report %}
                            {{ entry.report.reason_category | translate_reason }}
                        {% else %}
                            未知
                        {% endif %}
                    </li>
                </ul>

                <form method="POST" novalidate>
                    {{ form.hidden_tag() }}
                    <div class="mb-3">
                        {{ form.reason.label(class="form-label") }}
                        {{ form.reason(class="form-control", rows=8, placeholder="请详细说明您申诉的理由，并提供任何可以证明您清白的证据或说明。") }}
                         {% for error in form.reason.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                    </div>
                    <div class="text-end">
                        {{ form.submit(class="btn btn-primary") }}
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}