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

{% from 'partials/navigation-components.html' import pagination %}
{% from 'partials/navigation-components.html' import breadcrumbs %}
{% from 'partials/components/post-card.html' import post_card %}
{% from 'chirpui/hero.html' import page_hero %}
{% from 'chirpui/layout.html' import grid, section_header, stack %}
{% from 'chirpui/surface.html' import surface %}

{% 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 %}
{% call page_hero(title=section_title, subtitle=section_desc, variant='editorial', background='solid', cls='chirp-theme-blog__hero') %}
  {% slot eyebrow %}
  {{ breadcrumbs(page) }}
  {% end %}
  {% slot metadata %}
  {{ total_posts }} post{{ 's' if total_posts != 1 else '' }}
  {% end %}
{% end %}
{% 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 surface(variant='default', cls='chirp-theme-feed') %}
{{ section_header('Featured') }}
{% call grid(cols=2, gap='md', cls='chirp-theme-blog__featured-grid') %}
  {% for post in featured_posts %}
  {{ post_card(post, variant='featured') }}
  {% end %}
{% end %}
{% end %}
{% end %}

{% call surface(variant='default', cls='chirp-theme-feed') %}
{{ section_header('Recent Posts') }}
{% call stack(gap='md', cls='chirp-theme-blog__post-list') %}
  {% for post in regular_posts %}
  {{ post_card(post, variant='default') }}
  {% end %}
{% end %}
{% end %}

{% if total_pages > 1 %}
{{ pagination(current_page, total_pages, base_url) }}
{% end %}
{% else %}
{% call surface(variant='default', cls='chirp-theme-feed') %}
{{ section_header('Blog') }}
<p>No posts published yet.</p>
{% end %}
{% end %}
{% end %}