{% extends "blog/shell.html" %}

{% from 'partials/navigation-components.html' import pagination %}
{% from 'partials/components/post-card.html' import post_card %}
{% from 'partials/theme-primitives.html' import theme_page_header, theme_feed %}

{% let total_pages = (total_pages ?? 1) | int %}
{% let current_page = (current_page ?? 1) | int %}
{% let total_posts = (total_posts ?? (posts | length if posts else 0)) | int %}
{% let base_url = base_url ?? section?.href ?? section?._path ?? '/blog/' %}
{% let section_title = section?.title ?? title ?? 'Blog' %}
{% let section_desc = section?.metadata?.description ?? description ?? '' %}

{% block blog_hero %}
{{ theme_page_header(section_title, section_desc, 'Blog', breadcrumb_page=page, meta=total_posts ~ ' post' ~ ('s' if total_posts != 1 else ''), cls='chirp-theme-blog__hero') }}
{% end %}

{% block blog_content %}
{% if posts %}
{% if current_page == 1 %}
{% let featured_posts = posts |> where('featured', true) |> take(2) %}
{% else %}
{% let featured_posts = [] %}
{% end %}
{% let regular_posts = (posts |> where_not('featured', true)) if current_page == 1 else posts %}

{% if featured_posts | length > 0 %}
{% call theme_feed('Featured') %}
<div class="blog-featured-grid">
  {% for post in featured_posts %}
  {{ post_card(post, variant='featured') }}
  {% end %}
</div>
{% end %}
{% end %}

{% call theme_feed('Recent Posts') %}
<div class="blog-post-list">
  {% for post in regular_posts %}
  {{ post_card(post, variant='default') }}
  {% end %}
</div>
{% end %}

{% if total_pages > 1 %}
{{ pagination(current_page, total_pages, base_url) }}
{% end %}
{% else %}
{% call theme_feed('Blog') %}
<p>No posts published yet.</p>
{% end %}
{% end %}
{% end %}