@extends('frontend.layouts.app')
@section('content')
<div class="page-header largest parallax custom text-center" style="background-image:url(asset('uploads/foto_berita/'.$data->gambar))" data-0="background-position:50% 50%;" data-top-bottom="background-position:50% 100%">
    <div class="container-fluid">
        <h1 data-300-top="opacity:1;transform:scale(1);" data-top-bottom="opacity:0.4;transform:scale(1.9);">{{$data->judul}}</h1>
        <ol class="breadcrumb" data-300-top="opacity:1;" data-top-bottom="opacity:0.4;">
            <li><a href="{{route('berita.index')}}">Home</a></li>
            <li><a href="#">Detail</a></li>
            <li class="active">{{$data->judul}}</li>
        </ol>
    </div>
</div>

<div class="container-fluid">
    <article class="entry">
        @if ($data->gambar)
        <div class="entry-media">
            <figure>
                <img src="{{asset('uploads/foto_statis/'.$data->gambar)}}" alt="{{$data->judul_seo}}">
            </figure>
        </div>
        @endif

        <div class="entry-content-container">
            <div class="entry-meta">
                <div><i class="fa fa-calendar"></i>{{$data->tgl_posting}}</div>
                <div><a href="#"><i class="fa fa-eye"></i>{{$data->dibaca}} View(s)</a></div>
                <div><a href="#"><i class="fa fa-user"></i> {{$data->username}}</a></div>
            </div>

            <div class="entry-content-wrapper">
                <h2 class="entry-title">{{$data->judul}}</h2>
                <div class="entry-content">
                    <p>{!!$data->isi_halaman!!}</p>
                </div>
            </div>
        </div>

    </article>
</div>


@endsection