@extends('template_front.index')
@section('url'){{url("berita/".$view_slug->slug)}}
@stop
@section('title'){{$view_slug->judul}}
@stop
@section('description'){{$view_slug->judul}}
@stop
@section('image'){{url(Storage::url($view_slug->img))}}
@stop

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="page-header">
                <div class="blog">
                    <div class="row">
                       
                        <div class="col-md-12">
                            <img src="{{url(Storage::url($view_slug->img))}}" width="100%" class="img-responsive" alt="" onError="this.style.display='none';">
                        </div>
                        <div class="col-md-12">
                            <h4><b>  {{ucwords(strtolower($view_slug->judul))}}.</b></h4>
                            <i class="fa fa-user">&nbsp;&nbsp;{{$view_slug->name}} </i>
                            <i class="fa fa-calendar">&nbsp;&nbsp;{{date('d-m-Y',strtotime($view_slug->created_at))}} </i>
                            <nav class="navbar-right">
                                <a href="https://www.facebook.com/sharer/sharer.php?u={{url('berita/'.$view_slug->slug)}}" target="blank">
                                   <img src="{{asset('assets/img/fa.png')}}">
                                </a>
                                <a href="https://twitter.com/intent/tweet?url={{url('berita/'.$view_slug->slug)}}" target="blank">
                                    <img src="{{asset('assets/img/tw.png')}}">
                                </a>
                                <a href="https://api.whatsapp.com/send?text={{$view_slug->judul.' '.url('berita/'.$view_slug->slug)}}" target="blank">
                                    <img src="{{asset('assets/img/wa.png')}}">
                                </a>
                            </nav>
                        </div>
                        <div class="col-md-12" style="text-align: justify;">
                            {!!$view_slug->isi_berita!!}
                        </div>
                        <div class="col-md-12">
                            
                        </div>
                    </div>
                </div>
            </div>
             
        </div>  
        {!!view('front.right_page', compact('berita'))!!}    
    </div>
</div>
@endsection