@extends('layouts.website')

@section('content')

 <div class="container my-5">
        <div class="row align-items-center mb-5">
            <div class="col-md-12">
                <div class="card p-4 shadow-sm">
                    <div style="position: relative;">
                        <img src="{{url('images')}}/{{$news->image}}" class="card-img-top" alt="Judul Berita 1">
                        <span class="card-category">Berita</span>
                    </div>
                    <div class="card-body">
                        <div class="card-date-time">
                            <i class="far fa-calendar-alt"></i> {{substr($news->created_at,0,10)}}
                            <i class="far fa-clock ms-2"></i> {{substr($news->created_at,11,5)}} WIB
                        </div>
                        <h5 class="card-title">{{$news->title}}</h5>
                        <p class="card-text">{{$news->description}}</p>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
@endsection