@extends('layouts/app', ['activePage' => 'berita', 'title' => 'Berita'])

@section('content')
<div>
    <div class="content">
        <div class="container">
            <div class="row no-gutters mt-5">
                <div class="col-md-12">
                    <div class="card border-0">
                            <p>
                            <h3 class="card-title" style="color: #006634;">{{$data->judul}}</h3>
                            </p>
                            <p class="card-subtitle mb-2 text-muted">{{$data->author->name}} - {{ \Carbon\Carbon::parse($data->created_at)->format('d/m/Y')}}, {{ \Carbon\Carbon::parse($data->created_at)->format('h:i')}} WIB </p>

                            <div class="card-body">
                                <div class="text-center">
                                <img src="{{url('/uploads/'.$data->thumbnail)}}" class="img-fluid"  alt="">

                                </div>
                                <br>
                                <p>
                                    {{$data->isi}}
                                </p>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
    $(document).ready(function () {
        demo.checkFullPageBackgroundImage();

        setTimeout(function () {
            // after 1000 ms we add the class animated to the login/register card
            $('.card').removeClass('card-hidden');
        }, 700)
    });

</script>
@endpush
