{% extends "default.html" %}

{% block title %}
<title>{{SITE_NAME}} - 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 %}

	<h1 class="article-title">Contact {{SITE_NAME}} Admins</h1>

	<p>Use this form to contact {{SITE_NAME}} Admins.</p>

	<label class="mt-3">Your Email</label>
	<input autocomplete="off" class="form-control" value="{{v.email}}" readonly="readonly" disabled>

	<form id="contactform" action="/send_admin" method="post" enctype="multipart/form-data">

		<label for="input-message" class="mt-3">Your message</label>
		<input type="hidden" name="formkey" value="{{v.formkey}}">
		<textarea autocomplete="off" maxlength="10000" id="input-message" form="contactform" name="message" class="form-control" required></textarea>
		<label class="btn btn-secondary format m-0 mt-3" onclick="loadEmojis('input-message')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji">
			<i class="fas fa-smile-beam"></i>
		</label>
		<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/*, video/*" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="changename('filename','file-upload')" hidden>
		</label>
		<input type="submit" value="Submit" class="btn btn-primary mt-3">
	</form>

	<pre>


	</pre>

	<p>If you can see this line, we haven't been contacted by any law enforcement or governmental organizations in 2022 yet.</p>

	<pre>


	</pre>

	{% include "emoji_modal.html" %}

{% endblock %}