<details id="badge">
	<summary role="button"><img src="/res/icons/badge.svg" class="icon"/>Badge Customization {% if not order.ans('propic') %}<span class="status">⚠️</span>{% endif %}</summary>
	{# Badge is always shown #}
	<h2>Badge</h2>
	{% if order.propic_locked %}
		<p class="notice">⚠️ You have been limited from further editing your profile pic.</p>
	{% endif %}
	{% if (not order.ans('propic')) or (order.ans('is_fursuiter') != 'No' and not order.ans('propic_fursuiter')) %}
		<p class="notice">⚠️ One or more badge pictures are missing! This will cause you badge to be empty, so make sure to upload something before the deadline!</p>
	{% endif %}
	<form method="POST" enctype="multipart/form-data" action="/manage/propic/upload">
		<div class="grid" style="text-align:center;margin-bottom:1em;">
			<div>
				{% if not order.ans('propic') %}
					<input type="file" value="" accept="image/jpeg,image/png" name="propic" />
				{% else %}
					<div class="propic-container">
						<img src="/res/propic/{{order.ans('propic') or 'default.png'}}" class="propic" />
					</div>
				{% endif %}
				<p>Normal Badge</p>
			</div>
			{% if order.ans('is_fursuiter') != 'No' %}
				<div>
					{% if not order.ans('propic_fursuiter') %}
						<input type="file" value="" accept="image/jpeg,image/png" name="propic_fursuiter" />
					{% else %}
						<div class="propic-container">
							<img src="/res/propic/{{order.ans('propic_fursuiter') or 'default.png'}}" class="propic" />
						</div>
					{% endif %}
					<p>Fursuit Badge</p>
				</div>
			{% endif %}
		</div>
		
		{% if time() > PROPIC_DEADLINE %}
		<p class="notice">⚠️ The deadline to upload pictures for the badge has expired. For last-minute changes, please contact the support over at <a href="mailto:info@furizon.net">info@furizon.net</a>. If your badge has been printed already, changing it will incur in a 2€ fee. You can also get extra badges at the reception for the same price. If you upload a propic now, it might not be printed on time.</p>
		{% else %}
			<p><em>
				Min size: 64x64 - Max Size: 5MB, 2048x2048 - Formats: jpg, png<br />
				Badge photos must clearly show the fursona/fursuit head.<br />Memes and low quality images will be removed and may limit your ability to upload pics in the future.
			</em></p>
		{% endif %}
		
		<div class="grid">
			{% if order.ans('propic') %}
				<input type="submit" name="submit" value="Delete main image" {{'disabled' if time() > PROPIC_DEADLINE else ''}} />
			{% endif %}
			{% if order.ans('propic_fursuiter') %}
				<input type="submit" name="submit" value="Delete fursuit image" {{'disabled' if time() > PROPIC_DEADLINE else ''}} />
			{% endif %}
			{% if (not order.ans('propic')) or (order.ans('is_fursuiter') != 'No' and not order.ans('propic_fursuiter')) %}
				<input type="submit" name="submit" value="Upload" />
			{% endif %}
		</div>
	</form>
</details>
