@extends('layouts.public')
@section('title', ($siteSettings['site_name'] ?? 'Panti Asuhan').' - Informasi & Artikel')
@section('content')
<section class="hero"><div class="wrap hero-grid"><div><h1>{{ $siteSettings['hero_title'] ?? 'Membina, Mengasuh, dan Mendidik Anak Yatim & Dhuafa' }}</h1><p>{{ $siteSettings['hero_text'] ?? '' }}</p><div style="display:flex;gap:12px;flex-wrap:wrap;margin-top:25px"><a class="btn fill" href="https://wa.me/{{ \App\Models\Setting::whatsappDigits() }}">♥ Donasi Sekarang</a><a class="btn" href="https://wa.me/{{ \App\Models\Setting::whatsappDigits() }}">WhatsApp</a></div></div><div class="hero-card">Informasi, kegiatan, dan artikel panti asuhan yang mudah dibaca dan ringan diakses.</div></div></section>
<section class="section" id="artikel"><div class="wrap"><h2>Artikel Terbaru</h2><div class="articles">@foreach($articles as $article)<article class="card">@if($article->featured_image)<img class="thumb" loading="lazy" src="{{ asset('storage/'.$article->featured_image) }}" alt="{{ $article->alt_text ?: $article->title }}">@else<div class="thumb"></div>@endif<div class="card-body"><span class="tag">{{ $article->category->name }}</span><h3><a href="{{ route('articles.show',$article->slug) }}">{{ $article->title }}</a></h3><p class="muted">{{ $article->excerpt ?: \Illuminate\Support\Str::limit(strip_tags($article->content),130) }}</p><a style="color:var(--g);font-weight:800" href="{{ route('articles.show',$article->slug) }}">Baca selengkapnya →</a></div></article>@endforeach</div><div class="pagination">{{ $articles->links() }}</div></div></section>
<section class="section" id="kategori"><div class="wrap"><h2>Kategori Artikel</h2><div class="cats">@foreach($categories as $category)<div class="cat">{{ $category->name }}</div>@endforeach</div></div></section>
<section class="section"><div class="wrap donate"><div><h2 style="margin:0 0 6px">Ingin Berbagi untuk Anak Yatim & Dhuafa?</h2><div class="muted">Klik WhatsApp untuk informasi donasi.</div></div><a class="btn fill" href="https://wa.me/{{ \App\Models\Setting::whatsappDigits() }}">Donasi via WhatsApp</a></div></section>
@endsection