{% import "../macros/staff-nav.html" as staff_nav %}

{% extends "base.html" %}

{% block title %}Bannery (/{{ board.id }}/){% endblock %}

{% block content %}
<h1 class="title">Bannery (/{{ board.id }}/)</h1>
{% call staff_nav::staff_nav(tcx.perms) %}
<hr>
<h2>Bannery</h2>
<form method="post" action="/staff/actions/remove-banners">
    <input name="board" type="hidden" value="{{ board.id }}">

    <div class="table-wrap">
        <table class="data-table">
            <tr>
                <th></th>
                <th>Banner</th>
            </tr>
            {% for banner in board.banners.0 %}
                <tr>
                    <td><input name="banners[]" type="checkbox" value="{{ loop.index0 }}"></td>
                    <td>
                        <img class="banner" src="{{ banner.file_url() }}">
                    </td>
                </tr>
            {% endfor %}
        </table>
    </div>

    <input class="button" type="submit" value="Odstranit vybrané">
</form>
<hr>
<h2>Přidat bannery</h2>
<form method="post" enctype="multipart/form-data" action="/staff/actions/add-banners">
    <input name="board" type="hidden" value="{{ board.id }}">
    
    <table class="form-table">
        <tr>
            <td class="label">Bannery</td>
            <td><div class="input-wrapper"><input name="files[]" type="file" multiple="multiple" required="required"></div></td>
        </tr>
        <tr>
            <td class="submit" colspan="2"><input class="button" type="submit" value="Přidat bannery"></td>
        </tr>
    </table>
</form>
<hr>
{% endblock %}