@extends('layout')
@section('content')
    <div class="my-3">
        <div class="container">
            <div class="theme-border-radius theme-box-shadow card-body p-3 theme-bg-white position-relative">
                <div class="text-center mx-auto p-4 rounded-4  ">

                    {{-- <div class="position-absolute top-1 right-6 end-0 mx-3 py-1 rounded-bottom-start">
                        {{ $news_date }}
                    </div> --}}

                    @if ($news_image)
                        <img src="{{ $news_image }}" class="img-fluid rounded-3 mb-3" alt="news article image">
                    @endif

                    <h2 class="fw-bold mb-3">{{ $news->title }}</h2>

                    <p class="text-muted text-center" style="text-align: left;">{!! $news->content !!}</p>

                </div>

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