<?php get_header(); ?>

<main id="conteudo">
    <section class="section blog-archive-section">
        <div class="section-inner">
            <div class="section-title">
                <p class="eyebrow">Blog</p>
                <h1>Conteúdos para marcas em movimento.</h1>
                <p class="lead">Reflexões, bastidores e estratégias para fortalecer sua presença, comunicar valor e seguir com mais direção.</p>
            </div>

            <?php if (have_posts()) : ?>
                <div class="blog-grid">
                    <?php while (have_posts()) : the_post(); ?>
                        <article <?php post_class('blog-card'); ?>>
                            <div>
                                <time datetime="<?php echo esc_attr(get_the_date('c')); ?>"><?php echo esc_html(get_the_date()); ?></time>
                                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                                <p class="muted"><?php echo esc_html(wp_trim_words(get_the_excerpt(), 26)); ?></p>
                            </div>
                            <a class="button secondary" href="<?php the_permalink(); ?>">Ler artigo</a>
                        </article>
                    <?php endwhile; ?>
                </div>

                <nav class="pagination-nav" aria-label="Paginação do blog">
                    <?php
                    the_posts_pagination(array(
                        'mid_size' => 1,
                        'prev_text' => 'Artigos anteriores',
                        'next_text' => 'Próximos artigos',
                    ));
                    ?>
                </nav>
            <?php else : ?>
                <div class="blog-card">
                    <div>
                        <time>Blog</time>
                        <h2>Os artigos aparecerão aqui</h2>
                        <p class="muted">Quando houver posts publicados no WordPress, eles serão listados nesta página.</p>
                    </div>
                </div>
            <?php endif; ?>
        </div>
    </section>
</main>

<?php get_footer(); ?>