{% extends "base.html" %}

{% block title %}Bans{% endblock title %}

{% block main %}
    <div id="search">
        <form action="" method="get">
            <input type="text" name="board" placeholder="Board" value="{{query['board']}}" />
            <input type="text" name="reason" placeholder="Reason/rule" value="{{query['reason']}}" />
            <input type="text" name="name" placeholder="Name" value="{{query['name']}}" />
            <input type="text" name="trip" placeholder="Trip" value="{{query['trip']}}" />
            <input type="text" name="com" placeholder="Comment" value="{{query['com']}}" />
            <input type="text" name="sub" placeholder="Subject" value="{{query['sub']}}" />
            <input type="text" name="md5" placeholder="MD5 Sum" value="{{query['md5']}}" />
            <input type="submit" value="Search" />
        </form>
    </div>
    <table id="bans-table">
        <thead>
            <tr>
                <th>Post</th>
                <th>Action</th>
                <th>Length</th>
                <th>Reason</th>
            </tr>
        </thead>
        {% for post in posts %}
            <tr class="constructed-post">
                <td align="left">
                <div class="post reply {% if post['nsfw'] %}nws{% else %}ws{% endif %}">
                    <div class="post-info">
                        <input type="checkbox" disabled>
                        <span class="board"><a href="?board={{post['board']}}">/{{post['board']}}/</a></span>
                        <span class="subject">{{post['sub']|safe}}</span>
                        <span class="name-block">
                            <span class="name">{{post['name']}}</span>
                            {% if post['trip'] %}
                                <span class="poster-trip">{{post['trip']}}</span>
                            {% endif %}
                        </span>
                        <span class="date-time">{{post['now']}}</span>
                        <span class="post-num">No. XXX</span>
                    </div>
                    {% if post['thumb_path'] %}
                        <div class="file">
                            <div class="file-info">
                                <span class="file-text">
                                    File: {{post['tim']}}{{post['ext']}}
                                    ({{post['fsize']}}, {{post['w']}}x{{post['h']}}, {{post['filename']}}{{post['ext']}})
                                </span>
                            </div>
                            <span class="file-thumb">
                                <img src="{{post['thumb_path']}}" data-md5="{{post['md5']}}" loading="lazy">
                            </span>
                        </div>
                    {% endif %}
                    <blockquote class="post-message">
                        {{post['com']|safe}}
                    </blockquote>
                </div>
                </td>
                <td>{{post['action']}}</td>
                <td>{{post['length']}}</td>
                <td>{{post['reason']}}</td>
            </tr>
        {% endfor %}
    </table>
    {# pagination #}
{% endblock main %}