{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="container">
    <section class="lista-de-posts">
        <h2>Categorias de posts</h2>
        
        {% if categories_list %}
            {% for category in categories_list %}
            <article class="post">
                <a class="button" href="{% url 'blog:detail_category' category.id %}"> 
                    <p>{{ category.titulo }}</p></a>
            </article>
            {% endfor %}
        {% else %}
        <p>Não foi encontrada nenhuma categoria de posts.</p>
        {% endif %}
    </section>

    <aside class="blog">
        <div>
            <h2>Crie seu post no nosso blog!</h2>
            <a class="button" href="{% url 'blog:create' %}"> 
                <p>Criar</p></a>
            
        </div>
        
    </aside>

</div>

    


{% endblock content %}