@extends('web.layout')

@section('title', 'Berita Detail')

@section('content')
    <section class="container my-3 my-md-5">
        <div class="row">
            <div class="col-12">
                <img src="{{ asset("storage/{$berita->image}") }}" alt="Galeri" class="img-fluid w-100 rounded-4 mb-4">
            </div>
            <div class="col-12 col-md-9 mx-auto">
                <h3 class="fw-bold">
                    {{ $berita->title }}
                </h3>

                <small class="text-muted">
                    Diposting Tanggal {{ $berita->created_at }}
                </small>

                <div class="mt-4">
                    {!! $berita->content !!}
                </div>

            </div>
        </div>
    </section>
@endsection