@extends('web.layout')

@section('title', 'Berita')

@section('content')
    <section class="container my-3 my-md-5">
        <div class="row">
            @foreach ($beritas as $berita)
                <div class="col-12 col-md-4 mb-4">
                    <div class="card border-0 shadow rounded-4">
                        <img src="{{ asset("storage/{$berita->image}") }}" alt="Galeri" class="card-img-top rounded-top-4">
                        <div class="card-body">
                            <h4 class="card-title fw-bold">
                                {{ $berita->title }}
                            </h4>
                            <p class="card-text text-muted">
                                {!! Str::words(strip_tags($berita->content), 15, '...') !!}
                            </p>
                            <div class="text-end">
                                <a href="{{ route('berita.show', ['beritum' => $berita->slug]) }}"
                                    class="btn btn-primary text-white">
                                    Selengkapnya
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
@endsection