{% 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">提交新举报</h2>
            </div>
            <div class="card-body">
                <p class="text-muted">请填写真实的举报信息，所有提交都将被记录。滥用举报系统可能会导致您的账户被封禁。</p>
                <hr>
                <form method="POST" action="{{ url_for('main.create_report') }}" novalidate>
                    {{ form.hidden_tag() }}
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            {{ form.reported_pt_site.label(class="form-label") }}
                            {{ form.reported_pt_site(class="form-control") }}
                            {% for error in form.reported_pt_site.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                        </div>
                        <div class="col-md-6 mb-3">
                            {{ form.reported_username.label(class="form-label") }}
                            {{ form.reported_username(class="form-control") }}
                            {% for error in form.reported_username.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                        </div>
                    </div>
                    <div class="mb-3">
                        {{ form.reported_email.label(class="form-label") }}
                        {{ form.reported_email(class="form-control") }}
                        {% for error in form.reported_email.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                    </div>
                    <div class="mb-3">
                        {{ form.reason_category.label(class="form-label") }}
                        {{ form.reason_category(class="form-select") }}
                        {% for error in form.reason_category.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                    </div>
                    <div class="mb-3">
                        {{ form.description.label(class="form-label") }}
                        {{ form.description(class="form-control", rows=5) }}
                        {% for error in form.description.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
                    </div>
                    <div class="mb-3">
                        {{ form.evidences.label(class="form-label") }}
                        {{ form.evidences(class="form-control", rows=3, placeholder="每行一个证据链接（请使用图床！）链接应为：png，jpg，jpeg，gif，bmp，webp结尾。") }}
                        <div class="form-text">请提供所有相关证据的URL，每行一个。</div>
                        {% for error in form.evidences.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 %}