{% extends "default.html" %}

{% block pagetitle %}Edit {{SITE_NAME}}'s rules{% 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 %}

<div class="row my-5">
	<div class="col col-md-8">
		<div class="settings">
			<div id="description">
				<h2>Edit the Rules</h2>
				<br>
			</div>
			<div class="body d-lg-flex">
				<div class="w-lg-100">
					<form id="edit_rules" action="/admin/edit_rules" method="post">
						<input type="hidden" name="formkey" value="{{v|formkey}}">
						<textarea autocomplete="off" maxlength="10000" class="form-control rounded" aria-label="With textarea" placeholder="Enter rules here..." rows="50" name="rules" form="edit_rules">{% if rules %}{{rules}}{% endif %}</textarea>

						<div class="d-flex mt-2">
							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

{% endblock %}