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

{% block content %}
<form id="form" action="{% url 'board:ban_create' url=board.url id=post.id %}" method="post"> 
    {% csrf_token %}
    <table>
        <tr>
            <th>{% translate 'Post ID' %}:</th>
            <td>{{post.id}}</td>
        </tr>
        <tr>
            <th>{% translate 'Board' %}:</th>
            <td>{{board.url}}</td>
        </tr>
        <tr>
            <th>IP:</th>
            <td>{{post.ip}}</td>
        </tr>
        {{form.as_table}}
        <tr>
            <th>{% translate "Previous bans" %}</th>
            <td>{{previous_bans|length}}</td>
        </tr>
        <tr>
            <th>{% translate "Current bans" %}</th>
            <td id="current_bans">{{current_bans|length}}</td>
        </tr>
        <tr>
            <th></th>
            <td><input type="submit" id="submit" value="{% translate 'Create ban' %}" /></td>
        </tr>
    </table>
</form>

<script>
function submitConfirm(e) {
    console.log($("#current_bans").text());
    if($("#current_bans").text() !== '0') {
        let result = window.confirm("There is already at least one ban for this IP address on this board, are you sure you want to continue?");
        if (!result) {
            e.preventDefault();
            return;
        }
    }
}

$("#submit").on("click", submitConfirm);
</script>
{% endblock content %}