@extends('layouts.public')
@section('title', $article->seo_title ?: $article->title)
@section('description', $article->meta_description ?: $article->excerpt)
@section('canonical', $article->canonical_url ?: url()->current())
@section('content')
<section class="section"><article class="wrap article"><div class="muted">{{ $article->category->name }} · {{ optional($article->published_at)->translatedFormat('d F Y') }}</div><h1>{{ $article->title }}</h1><p class="muted" style="font-size:17px">{{ $article->excerpt }}</p>@if($article->featured_image)<img class="thumb" style="border-radius:18px;margin:24px 0" src="{{ asset('storage/'.$article->featured_image) }}" alt="{{ $article->alt_text ?: $article->title }}">@endif
<div class="cta"><div><strong>Ingin berdonasi ke panti asuhan?</strong><div class="muted">Hubungi kami melalui WhatsApp untuk informasi donasi.</div></div><a class="btn fill" href="{{ route('articles.donate',$article) }}" rel="nofollow">♥ Donasi via WhatsApp</a></div>
<div class="article-body">{!! $article->content !!}</div>
<div class="cta"><div><strong>Bantu anak yatim & dhuafa</strong><div class="muted">Setiap kebaikan sangat berarti bagi masa depan mereka.</div></div><a class="btn fill" href="{{ route('articles.donate',$article) }}" rel="nofollow">Donasi Sekarang</a></div>
@if($article->faqs->isNotEmpty())<section><h2>Pertanyaan yang Sering Ditanyakan</h2>@foreach($article->faqs as $faq)<div class="faq"><strong>{{ $faq->question }}</strong><p>{{ $faq->answer }}</p></div>@endforeach</section>@endif
@if($related->isNotEmpty())<section class="section"><h2>Artikel Terkait</h2><div class="articles">@foreach($related as $item)<div class="card"><div class="card-body"><span class="tag">{{ $item->category->name }}</span><h3><a href="{{ route('articles.show',$item->slug) }}">{{ $item->title }}</a></h3></div></div>@endforeach</div></section>@endif
</article></section>
@push('head')
<script type="application/ld+json">{!! json_encode(['@context'=>'https://schema.org','@type'=>'Article','headline'=>$article->title,'datePublished'=>optional($article->published_at)?->toAtomString(),'dateModified'=>$article->updated_at->toAtomString(),'mainEntityOfPage'=>url()->current(),'author'=>['@type'=>'Organization','name'=>$siteSettings['site_name'] ?? config('app.name')]], JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}</script>
@if($article->faqs->isNotEmpty())<script type="application/ld+json">{!! json_encode(['@context'=>'https://schema.org','@type'=>'FAQPage','mainEntity'=>$article->faqs->map(fn($f)=>['@type'=>'Question','name'=>$f->question,'acceptedAnswer'=>['@type'=>'Answer','text'=>$f->answer]])->values()], JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}</script>@endif
@endpush
@endsection