{% if post and board %}
	{% set action = '?/' ~ board ~ '/ban/' ~ post %}
{% else %}
	{% set action = '?/ban' %}
{% endif %}

{% if reasons %}
<script type="text/javascript">
$(document).ready(function(){
	{% for key, reason in reasons %}
		var data_{{ key }} = '{"reason":"{{ reason.reason|escape('js') }}","message":"{{ reason.reason|escape('js') }}","length":"{{ reason.length|escape('js') }}"}';
		$('#reason-selector-id-{{ key }}').click(function() { populateFormJQuery('#ban-form-id', $.parseJSON(data_{{ key }})); });
	{% endfor %}
});
</script>
{% endif %}
<form action="{{ action }}" method="post" id="ban-form-id">
	<input type="hidden" name="token" value="{{ token }}">
	{% if redirect %}
		<input type="hidden" name="redirect" value="{{ redirect|e }}">
	{% endif %}
	{% if post and board %}
		<input type="hidden" name="delete" value="{% if delete %}1{% else %}0{% endif %}">
	{% endif %}
	{% if thread %}
		<input type="hidden" name="thread" value="{{ thread }}">
	{% endif %}
	
	<table>
		
		<tr>
			<th>
				<label for="ip">{% trans 'IP' %} <span class="unimportant">{% trans '(or subnet)' %}</span></label>
			</th>
			<td>
				{% if not hide_ip %}
					<input type="text" name="ip" id="ip" size="30" maxlength="43" value="{{ ip|e }}">
				{% else %}
					<em>{% trans 'hidden' %}</em>
				{% endif %}
			</td>
		</tr>
		<tr>
			<th>
				<label for="reason">{% trans 'Reason' %}</label>
			</th>
			<td>
				<textarea name="reason" id="reason" rows="5" cols="30">{{ reason|e }}</textarea>
			</td>
		</tr>
		{% if post and board and not delete %}
			<tr>
				<th>
					<label for="message">{% trans 'Message' %}</label>
				</th>
				<td>
					<input type="checkbox" id="public_message" name="public_message"{% if config.mod.check_ban_message %} checked{% endif %}> 
					<input type="text" name="message" id="message" size="35" maxlength="200" value="{{ config.mod.default_ban_message|e }}"> 
					<span class="unimportant">({% trans 'public; attached to post' %})</span>
					<script type="text/javascript">
						document.getElementById('message').disabled = !document.getElementById('public_message').checked;
						document.getElementById('public_message').onchange = function() {
							document.getElementById('message').disabled = !this.checked;
						}
					</script>
				</td>
			</tr>
		{% endif %}
		<tr>
			<th>
				<label for="length">{% trans 'Length' %}</label>
			</th>
			<td>
				<input type="text" name="length" id="length" size="20" maxlength="43" value="1h"> 
					<span class="unimportant">(eg. "2d1h30m" or "2 days", empty is permaban)</span></td>
			</tr>
		<tr>
			<th>{% trans 'Board' %}</th>
			<td>
				<ul style="list-style:none;padding:2px 5px">
					<li>
						<input type="radio" name="board" value="*" id="ban-allboards"{% if not board %} checked{% endif %}>
						<label style="display:inline" for="ban-allboards">
							<em>{% trans 'all boards' %}</em>
						</label>
					</li>
					
					{% for b in boards %}
						<li>
							<input type="radio" name="board" value="{{ b.uri }}" id="ban-board-{{ b.uri }}"{% if board == b.uri %} checked{% endif %}>
							<label style="display:inline" for="ban-board-{{ b.uri }}">
								{{ config.board_abbreviation|sprintf(b.uri) }} - {{ b.title|e }}
							</label>
						</li>
					{% endfor %}
				</ul>
			</td>
		</tr>
		<tr>
			<td></td>
			<td><input name="new_ban" type="submit" value="{% trans 'New Ban' %}"></td>
		</tr>
	</table>
</form>

{% if reasons %}
<center>
<h3>Predefined Reasons:</h3>
<table class="ban-reason-table">
	<tr id="reason-selector-heading">
		<th><b>Length</b></th>
		<th><b>Reason</b></th>
	</tr>
	{% for key, reason in reasons %}
	<tr id="reason-selector-id-{{ key }}">
		<td>{% if not reason.length %}forever{% else %}{{ reason.length|e }}{% endif %}</td>
		<td>{{ reason.reason|e }}</td>
	</tr>
	{% endfor %}
</table>
</center>
{% endif %}