@extends('layouts.public')

@section('title', $berita->judul)

@section('content')

<div class="row justify-content-center">
    <div class="col-md-8">

        <div class="card shadow-sm">
            <div class="card-body">

                <h1 class="fw-bold mb-2">
                    {{ $berita->judul }}
                </h1>

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


                {{-- GAMBAR --}}
                @if($berita->gambar)
                <img src="{{ asset('storage/'.$berita->gambar) }}"
                    class="img-fluid rounded mb-4 d-block mx-auto"
                    style="max-height:400px;">
                @endif

                {{-- ISI --}}
                <div class="fs-6 lh-lg">
                    {!! nl2br(e($berita->isi)) !!}
                </div>

                <a href="{{ route('berita.public.index') }}"
                    class="d-inline-block mt-4 text-primary">
                    ← Kembali ke Berita
                </a>

            </div>
        </div>

    </div>
</div>

@endsection