{% extends 'base.html' %}{% block title %}Berita | PTI{% endblock %}{% block content %}<section class="page-hero"><div class="container"><div class="section-kicker">KABAR & PEMIKIRAN</div><h1>Berita PTI</h1><p>Ikuti cerita, pencapaian, dan gagasan dari komunitas program studi.</p><form class="search-form mt-4" method="get"><input type="search" name="q" value="{{ q }}" placeholder="Cari berita..." aria-label="Cari berita"><button class="btn btn-brand" type="submit"><i class="bi bi-search"></i> Cari</button></form></div></section><section class="section"><div class="container"><div class="row g-4">{% for item in pagination.items %}<div class="col-md-6 col-lg-4"><article class="news-card">{% if item.image %}<a class="news-image" href="{{ url_for('public.news_detail',slug=item.slug) }}"><img src="{{ url_for('static',filename=item.image) }}" alt="{{ item.title }}" loading="lazy"></a>{% else %}<div class="image-placeholder"><i class="bi bi-journal-richtext"></i></div>{% endif %}<div class="news-content"><div class="news-meta">{{ item.published_at.strftime('%d %b %Y') if item.published_at else '' }}</div><h3><a href="{{ url_for('public.news_detail',slug=item.slug) }}">{{ item.title }}</a></h3><p>{{ item.summary }}</p><a class="text-link" href="{{ url_for('public.news_detail',slug=item.slug) }}">Baca selengkapnya <i class="bi bi-arrow-right"></i></a></div></article></div>{% else %}<div class="col-12"><div class="empty-state"><h3>Belum ada berita yang cocok</h3><p>Coba kata kunci lain atau kunjungi kembali nanti.</p></div></div>{% endfor %}</div>{% if pagination.pages > 1 %}<nav class="mt-5" aria-label="Navigasi halaman"><ul class="pagination justify-content-center">{% for p in pagination.iter_pages() %}{% if p %}<li class="page-item {{ 'active' if p == pagination.page else '' }}"><a class="page-link" href="{{ url_for('public.news_list',page=p,q=q) }}">{{ p }}</a></li>{% else %}<li class="page-item disabled"><span class="page-link">…</span></li>{% endif %}{% endfor %}</ul></nav>{% endif %}</div></section>{% endblock %}