{{-- resources/views/public/news/news.blade.php --}}
<section id="news" class="section-spacing section-bg-light">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Berita &amp; Artikel</h2>
            <p class="text-muted" style="font-size: 1.1rem;">Informasi terkini dari Madrasah Al Idrus Lengkong</p>
        </div>
        <div class="row g-4">
            @forelse($beritas as $berita)
                <div class="col-md-6 col-lg-4">
                    <div class="news-card">
                        <div class="news-image">
                            @if($berita->thumbnail)
                                <img src="{{ asset('storage/berita/' . $berita->thumbnail) }}" alt="{{ $berita->judul }}">
                            @else
                                <svg width="100%" height="100%" viewbox="0 0 300 200" xmlns="http://www.w3.org/2000/svg"><rect width="300" height="200" fill="#1E88E5" /></svg>
                            @endif
                        </div>
                        <div class="news-content">
                            <p class="news-date"><i class="bi bi-calendar-event"></i> {{ $berita->created_at->format('d F Y') }}</p>
                            <h6 class="news-title">{{ $berita->judul }}</h6>
                            
                            {{-- PEMBARUAN: Menggunakan fungsi substr bawaan PHP murni agar tidak error di server --}}
                            <p class="news-excerpt">{{ strlen(strip_tags($berita->konten)) > 80 ? substr(strip_tags($berita->konten), 0, 80) . '...' : strip_tags($berita->konten) }}</p>
                            
                            <a href="{{ route('public.berita.show', $berita->slug) }}" class="btn-read-more">Baca Selengkapnya <i class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12 text-center text-muted"><p>Belum ada berita diterbitkan.</p></div>
            @endforelse
        </div>
        
        @if(isset($beritas) && $beritas->count() > 0)
        <div class="text-center mt-5">
            <a href="{{ route('public.berita') }}" class="btn-daftar text-decoration-none d-inline-flex align-items-center" style="font-size: 1.1rem; padding: 0.8rem 2.5rem;">
                Lihat Semua Berita & Pengumuman <i class="bi bi-arrow-right ms-2"></i>
            </a>
        </div>
        @endif
    </div>
</section>