{% extends "default.html" %}
{% block title %}
<title>{{SITE_TITLE}} - Contact</title>
{% endblock %}
{% block content %}
	{% if msg %}
		<div class="alert alert-success alert-dismissible fade show my-3" role="alert">
			<i class="fas fa-check-circle my-auto" aria-hidden="true"></i>
			<span>
				{{msg}}
			</span>
			<button class="close" data-bs-dismiss="alert" aria-label="Close">
				<span aria-hidden="true"><i class="far fa-times"></i></span>
			</button>
		</div>
	{% endif %}
	<section id="contact">
	<h1 class="article-title">Contact {{SITE_TITLE}} Admins</h1>

	<p>Use this form to contact {{SITE_TITLE}} Admins.</p>
	<form id="contactform" action="/send_admin" method="post" enctype="multipart/form-data">
		{% if not v %}
		<label class="mt-3">Your Email (optional, but we won't be able to respond without it)</label>
		<input autocomplete="off" class="form-control" name="email" value="">
		{% endif %}
		<label for="input-message" class="mt-3">Your message</label>
		{{forms.formkey(v)}}
		<textarea autocomplete="off" maxlength="{{MESSAGE_BODY_LENGTH_MAXIMUM}}" id="input-message" form="contactform" name="message" class="form-control" required></textarea>
		<label class="btn btn-secondary m-0 mt-3" for="file-upload">
			<div id="filename"><i class="far fa-image"></i></div>
			<input autocomplete="off" id="file-upload" type="file" name="file" accept="image/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="changename('filename','file-upload')" hidden>
		</label>
		{% if not v and hcaptcha %}
			<div class="h-captcha" data-sitekey="{{hcaptcha}}"></div>
		{% endif %}
		<input type="submit" value="Submit" class="btn btn-primary mt-3">
	</form>
	</section>
	<section id="canary">
		<p>If you can see this line, we haven't been contacted by any law enforcement or governmental organizations in 2023 yet.</p>
	</section>
	{% if hcaptcha %}
		<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
	{% endif %}
{% endblock %}