@extends('root')
@section('styles')
<link href="{{ asset('css/flexslider.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.carousel.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.theme.default.min.css') }}" rel="stylesheet">
@endsection

@section('content')
<section id="single-post" class="wide-50 blog-page-section division">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="single-post-wrapper">

                    <div class="single-post-title mb-15">
                        <p class="p-sm grey-color">Berita | {{ date('d M, Y', strtotime($berita->created_at)) }}</p>
                        <h3 class="h4-md">{{ $berita->title }}</h3>
                    </div>

                    <div class="blog-post-img mb-20">
                        <img class="img-fluid w-full rounded-12" src="{{ asset($berita->image) }}" alt="{{ $berita->title }}" loading="lazy" />
                    </div>

                    <div class="single-post-txt">
                        @if($berita->excerpt)
                            <h5 class="h5-md">{{ $berita->excerpt }}</h5>
                        @endif

                        <div class="berita-content mt-20">
                            {!! htmlspecialchars_decode($berita->content) !!}
                        </div>
                    </div>

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

@push('scripts')
<script src="{{ asset('js/modernizr.custom.js') }}"></script>
<script src="{{ asset('js/jquery.easing.js') }}"></script>
<script src="{{ asset('js/jquery.appear.js') }}"></script>
<script src="{{ asset('js/materialize.js') }}"></script>
<script src="{{ asset('js/jquery.flexslider.js') }}"></script>
<script src="{{ asset('js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('js/register-form.js') }}"></script>
<script src="{{ asset('js/comment-form.js') }}"></script>
<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('js/custom.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function() {


    });
</script>
@endpush