@extends('layouts.public')

@section('title','Berita')

@section('content')

<h2 class="fw-bold mb-3">Berita Terkini</h2>

{{-- SEARCH --}}
<form method="GET"
    action="{{ route('berita.public.index') }}"
    class="mb-4">

    <div class="input-group">
        <input type="text"
            name="keyword"
            value="{{ $keyword ?? '' }}"
            class="form-control"
            placeholder="Cari berita...">
        <button class="btn btn-primary">
            Cari
        </button>
    </div>

    @if(!empty($keyword))
    <small class="text-muted">
        Hasil pencarian untuk:
        <strong>{{ $keyword }}</strong>
    </small>
    @endif
</form>

<div class="row">

    @forelse($beritas as $row)
    <div class="col-md-4 mb-4">

        <div class="card h-100 shadow-sm">

            {{-- GAMBAR --}}
            @if($row->gambar)
            <img src="{{ asset('storage/'.$row->gambar) }}"
                class="card-img-top"
                style="height:220px; object-fit:cover;">
            @else
            <img src="{{ asset('assets/default-berita.jpg') }}"
                class="card-img-top"
                style="height:220px; object-fit:cover;">
            @endif

            <div class="card-body d-flex flex-column">

                <h5 class="card-title">
                    {{ $row->judul }}
                </h5>

                <p class="text-muted small mb-2">
                    {{ $row->created_at->translatedFormat('d F Y') }}
                    · Dibaca {{ number_format($row->views) }} kali
                </p>

                <p class="card-text">
                    {{ \Illuminate\Support\Str::limit(strip_tags($row->isi), 100) }}
                </p>

                <a href="{{ route('berita.public.show', $row->slug) }}"
                    class="btn btn-primary btn-sm mt-auto w-100">
                    Baca Selengkapnya
                </a>

            </div>
        </div>

    </div>
    @empty
    <div class="col-12">
        <p class="text-muted">Belum ada berita.</p>
    </div>
    @endforelse

</div>

{{-- PAGINATION --}}
@if(method_exists($beritas, 'links'))
<div class="mt-4">
    {{ $beritas->links() }}
</div>
@endif

@endsection