<?php
/**
 * Blog archive/category layout using the Parker/Orologio shell.
 */

get_header();

$title = is_category() || is_tag() || is_tax() ? single_term_title( '', false ) : ( is_search() ? 'Tìm kiếm' : 'Tin tức Parker' );
$desc  = is_search() ? 'Kết quả tìm kiếm cho: ' . get_search_query() : get_the_archive_description();
?>
<main class="orologio-clone oc-page oc-blog-page">
    <?php oc_clone_header(); ?>

    <section class="oc-blog-hero">
        <nav class="oc-breadcrumbs" aria-label="Breadcrumb">
            <a href="<?php echo esc_url( oc_local_url( home_url( '/' ) ) ); ?>">Trang chủ</a>
            <span>/</span>
            <span><?php echo esc_html( $title ); ?></span>
        </nav>
        <p>Journal</p>
        <h1><?php echo esc_html( $title ); ?></h1>
        <?php if ( $desc ) : ?>
            <div class="oc-blog-description"><?php echo wp_kses_post( wpautop( $desc ) ); ?></div>
        <?php else : ?>
            <p class="oc-blog-description">Câu chuyện về bút Parker, khắc tên, quà tặng doanh nghiệp và phong thái ký tên cao cấp.</p>
        <?php endif; ?>
    </section>

    <section class="oc-blog-grid-section" aria-label="Danh sách bài viết">
        <?php if ( have_posts() ) : ?>
            <div class="oc-blog-grid">
                <?php
                while ( have_posts() ) :
                    the_post();
                    $categories = get_the_category();
                    ?>
                    <article <?php post_class( 'oc-blog-card' ); ?>>
                        <a class="oc-blog-card-media" href="<?php the_permalink(); ?>">
                            <?php if ( has_post_thumbnail() ) : ?>
                                <?php the_post_thumbnail( 'large' ); ?>
                            <?php else : ?>
                                <img src="<?php echo esc_url( oc_upload_base() . '/parker-gift-set-wide.jpg' ); ?>" alt="<?php the_title_attribute(); ?>">
                            <?php endif; ?>
                        </a>
                        <div class="oc-blog-card-body">
                            <?php if ( ! empty( $categories ) ) : ?>
                                <span><?php echo esc_html( $categories[0]->name ); ?></span>
                            <?php endif; ?>
                            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                            <p><?php echo esc_html( wp_trim_words( get_the_excerpt(), 24 ) ); ?></p>
                            <a class="oc-blog-readmore" href="<?php the_permalink(); ?>">Đọc tiếp</a>
                        </div>
                    </article>
                    <?php
                endwhile;
                ?>
            </div>

            <nav class="oc-blog-pagination" aria-label="Pagination">
                <?php
                the_posts_pagination(
                    array(
                        'mid_size'  => 1,
                        'prev_text' => 'Trước',
                        'next_text' => 'Sau',
                    )
                );
                ?>
            </nav>
        <?php else : ?>
            <div class="oc-blog-empty">
                <h2>Chưa có bài viết phù hợp</h2>
                <p>Quay lại trang chủ hoặc liên hệ để được tư vấn bút Parker.</p>
            </div>
        <?php endif; ?>
    </section>

    <?php oc_clone_footer_cta(); ?>
</main>
<?php
get_footer();