{% if postos | length > 0 %}
    {% for posto in postos %}
        <div class="row">
            {% if posto.root_post %}
            <div class="card s5 deep-orange accent-4 darken-1">
            {% else %}
            <div class="card s5 blue-grey darken-1">
            {% endif %}
            
                <div class="card-content white-text">
                    <span class="new badge yellow" data-badge-caption="">
                        <a class="purple-text" href="/{{board}}/{{ posto._key }}"> #{{ posto._key }} </a>
                    </span>
                    <span class="new badge blue"  data-badge-caption="">Ответов: {{ posto.answers_num }}</span>
                    <span class="new badge red"   data-badge-caption="">Длина треда: {{ posto.children_num }}</span>
                </div>
                <div class="row" id="post-{{ posto._key }}">
                        
                    {% if posto.images | length > 0 %} 
                    <div class="col s12"> 
                            <!-- <div class="nav-wrapper">
                                <ul id="nav-mobile" class="right hide-on-med-and-down"> 
                                    <li> 
                                        <a href="https://static.guaranteedstruggle.host/thread-pics/photo_2023-05-16_00-49-34.jpg"  target="_blank" "> 
                                            <img src="https://static.guaranteedstruggle.host/thread-pics/photo_2023-05-16_00-49-34.jpg" width="300px">
                                        </a>
                                        <span class=" "><a class="" href="https://static.guaranteedstruggle.host/thread-pics/photo_2023-05-16_00-49-34.jpg" target="_blank"> photo_2023-05-16_00-49-34.jpg </a> </span> 
                                    </li>
                                    <li> 
                                        <a href="https://static.guaranteedstruggle.host/thread-pics/109.png"  target="_blank" "> 
                                            <img src="https://static.guaranteedstruggle.host/thread-pics/109.png"  width="300px">
                                        </a>
                                        <span class=" "><a class="" href="https://static.guaranteedstruggle.host/thread-pics/109.png" target="_blank"> 109.png </a> </span> 
                                    </li>
                                </ul>
                            </div> -->
                           
                    </div>
                    {% endif %}
                    <div class="col s12  card-content white-text"> 
                        <p>{{ posto.texto }}</p> 
                    </div>
                    <div class="col s12  card-action white-text">
                        <div class="right">
                            <!-- <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a>  -->
                            <a href="/{{board}}/{{ posto._key }}"   >В тред!</a> 
                        </div>
                    </div> 
                </div>
            </div>
        </div>  
    {% endfor %}
{% endif %}