{% extends "base.html" %}

{% block content %} 

<div class="content">
    <p>Вы тут: /{{board_id}}</p>
</div>


<nav>
    <a  href="/">glavnaya</a>
    <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>
        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">номер поста</th>
        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">автор(ка)</th> 
        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">пикча эта ваша</th>
        <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 board_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.thread_num}}</td> 
                <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.post_num}}</td>
                <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.name}}</td>  
                <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">
                    <img src="https://static.vdk2ch.ru/thread-pics/{{thread.pic_link}}" alt="" width="200" height="200">
                </td> 
                <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.txt}}</td> 
            
            </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock content %}