{% extends "default.html" %}
{% block pagetitle %}Create a hole{% endblock %}
{% block content %}
	<form class="mt-3" id="submitform" action="/create_hole" method="post" data-nonce="{{g.nonce}}">
		<div class="container">
			<div class="row justify-content-center mb-4 pb-6">
				<div class="col col-md-6 p-3 py-md-0">
					<h1 class="d-mob-none">Create a hole</h1>
					<h3 class=" d-md-none">Create a hole</h3>
					<div class="body">
						<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
						<label for="hole-name">Hole Name</label>
						<input autocomplete="off" minlength="3" maxlength="25" pattern='[a-zA-Z0-9_\-]*' class="form-control" id="hole-name" type="text" name="name" required>
						<small class="form-text text-muted">3-25 characters, including letters, numbers, _ , and -</small>
						{% if HOLE_INACTIVITY_DELETION %}
							<p class="text-danger mt-2">Warning: holes get automatically deleted if they spend 7 days with no new posts.</p>
						{% endif %}
						<div class="footer">
							<div class="d-flex">
								<button type="submit" class="btn btn-primary ml-auto" {% if cost > v.coins + v.marseybux %}disabled{% endif %}>Create Hole</button>
							</div>
							<p class="mt-2 mr-1" style="float: right"><b>Cost</b>: {{cost}} coins or marseybux</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
{% endblock %}