{% extends "base.html" %}

{% block headtitle %}联系造影岛{% endblock headtitle %}

{% block headermeta %}

<link rel="canonical" href="{{FRONTEND_HOST}}/contact">
<meta name="description" content="联系造影岛，咨询投稿、创作者认领、版权通知与下架申请。">
<meta property="og:title" content="联系造影岛">
<meta property="og:url" content="{{FRONTEND_HOST}}/contact">
<meta property="og:type" content="website">
<meta property="og:description" content="">

<meta name="twitter:card" content="summary">

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "{{PORTAL_NAME}}",
        "item": {
            "@type": "WebPage",
            "@id": "{{FRONTEND_HOST}}"
        }
    },
    {
        "@type": "ListItem",
        "position": 2,
        "name": "Contact us",
        "item": {
            "@type": "ContactPage",
            "@id": "{{FRONTEND_HOST}}/contact"
        }
    }]
}
</script>

{%endblock headermeta %}

{% block innercontent %}

<div class="user-action-form-wrap">
    <div class="user-action-form-inner">
        {% if success_msg %}
            <h1>{{success_msg}}<h1>
        {% else %}
            <h1>联系造影岛</h1>
            <p>播放失败反馈请写清设备、浏览器和看到的提示。访客邮箱仅用于人工联系，系统不会自动回信。</p>
            {% if error_msg %}<p role="alert">{{ error_msg }}</p>{% endif %}
            <form enctype="multipart/form-data" action="" method="post" class="post-form">
                {% csrf_token %}
                {{ form.as_p }}
                <button class="primaryAction" type="submit">发送</button>
            </form>
        {% endif %}
    </div>
</div>
{% endblock %}