{% extends "base.html" %}

{% block title %}Máš ban!{% endblock %}

{% block content %}
<div class="container">
    <h1 class="title">Zabanován!!!</h1>
    <table class="data-table">
        <tr><th>Máš ban!</th></tr>
        <tr>
        <td>
            <b>
                Byl jsi zabanován&#32;

                {% if let Some(board) = ban.board %}
                    z /{{ board }}/
                {% else %}
                    ze všech nástěněk
                {% endif %}

                &#32;z následujícího důvodu:
            </b>
            <div class="post-content box">
                {{ ban.reason }}
            </div>
            <span>Udělil <i>{{ ban.issued_by }}</i></span>
            <br>
            <br>
            <span>
                Tvůj ban platí pro IP adresu/rozsah <b>{{ ban.ip_range }}</b> a&#32;
                {% if let Some(expires) = ban.expires %}
                    vyprší <time datetime="{{ expires }}">{{ expires|czech_datetime }}.</time>
                {% else %}
                    je <b>trvalý.</b>
                {% endif %}
            </span>
            {% if ban.appealable %}
                <br>
                <br>
                {% if let Some(appeal) = ban.appeal %}
                    <b>Tvé odvolání:</b>
                    <div class="post-content">
                        {{ appeal }}
                    </div>
                {% else %}
                    <b>Můžeš se pokusit svůj ban odvolat:</b>
                    <form method="post" action="/actions/appeal-ban">
                        <input name="id" type="hidden" value="{{ ban.id }}">
                        <table class="form-table">
                            <tr>
                                <td class="label">Odvolání</td>
                                <td><textarea name="appeal"></textarea></td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <input class="button" type="submit" value="Odeslat">
                                </td>
                            </tr>
                        </table>
                    </form>
                {% endif %}
            {% endif %}
        </td>
        </tr>
    </table>
</div>
{% endblock %}