{% extends "board/base.html" %}

{% block title %}
    {% if bans %}
        Banned
    {% else %}
        Not banned
    {% endif %}
    {{block.super}}
{% endblock title %}

{% block extrastyle %}
{{block.super}}
<style>
.blankcolumn {
    float: left;
    width: 20%;
}
.bancolumn {
    float: left;
    width: 60%;
}
</style>
{% endblock extrastyle %}

{% block content %}
<div class="row">
    <div class="blankcolumn">&nbsp;</div>
    <div class="bancolumn">
        {% if bans %}
            <div class="row">
                <h2>You are banned.</h2>
            </div>
            <div class="row">
                <p>
                You have been banned, and you are not allowed to post until your
                bans have expired.
                </p>
                <p>
                    <strong>Your IP address:</strong> {{ip}}
                </p>
            </div>
            <hr />
            {% for ban in bans %}
            <div class="row">
                <p>
                    <strong>Board:</strong>
                    {% if ban.board %}
                        /{{ ban.board.url }}/ - {{ ban.board.name }}
                    {% else %}
                        All boards
                    {% endif %}
                </p>
                {% if ban.post_id %}
                <p>
                    <strong>Post ID:</strong> {{ban.post_id}}
                </p>
                {% endif %}
                <p>
                    <strong>Ban reason:</strong>
                </p>
                <p>{{ban.ban_reason}}</p>
                <p><strong>
                {% if ban.expires %}
                    This ban will expire on {{ban.expires|date:"M dS"}} at {{ban.expires|date:"P e"}}
                {% else %}
                    This ban will not expire.
                {% endif %}
                </strong></p>
            </div>
            <hr />
            {% endfor %}
        {% else %}
            <div class="row">
                <h2>You are not banned.</h2>
            </div>
            <div class="row">
                <p>You have no bans recorded for your IP address.</p>
            </div>
        {% endif %}
    </div>
    <div class="blankcolumn">&nbsp;</div>
{% endblock %}