{% extends "base.html" %}

{% block content %} 

<div class="content">
    {{board_id}}
</div>


<nav>
    <br>
    Доски: 
    <div class="boards">
        <ul>
        {% for board in boards %}
            <li><a href="/boards/{{board}}">/{{board}}</a></li> 
        {% endfor %}
        </ul> 
    </div>
</nav>


<table class="border-collapse w-small w-2/3 mx-auto">
    <thead>
      <tr>
        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th> 
      </tr>
    </thead>
    <tbody id="thread-results">
        {% for thread in threads %}
            <tr class="bg-white lg:hover:bg-gray-100 flex lg:table-row flex-row lg:flex-row flex-wrap lg:flex-no-wrap mb-10 lg:mb-0">
                <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{thread}}</td> 
            </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock content %}