@extends('masterGuest')
@push('meta')
    <meta property="og:type" content="berita" />
    <meta property="og:title" content="{{ e($news->title) }}" />
    <meta property="og:description" content="{!! strip_tags(Str::limit($news->body, 100)) !!}" />
    <meta property="og:image" content="{{ e(asset('storage/' . $news->image)) }}">
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="650" />
    <meta property="og:image:height" content="366" />
    <meta property="og:url" content="{{ url('berita') }}/{{ $news->slug }}" />
    
@endpush
@push('scripts')
@section('title', e($news->title))
@endpush
@section('content')


    <div class="container-fluid pt-5 berita-container">
        <div class="container">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-8 mb-2">
                        <div class="card">
                            <div class="card-body">
                                <div class="container artikel">
                                    <h2 class="mb-3" style="font-weight: bold; font-size:28px;">
                                        {{ $news->title }}
                                    </h2>
                                    <p><i class="fa fa-user"></i> Diposkan oleh: {{ $news->author }} | <i
                                            class="fa fa-clock-o"></i>
                                        Tanggal: {{ \Carbon\Carbon::parse($news->created_at)->isoFormat('D MMMM Y')  }} | <i class="fa fa-tag"></i> Berita:
                                        @if ($news->tag == '1')
                                            {{ 'SMA' }}
                                        @elseif ($news->tag == '2')
                                            {{ 'SMK' }}
                                        @elseif ($news->tag == '3')
                                            {{ 'SMA / SMK' }}
                                        @endif
                                    </p>
                                    <hr>


                                    <img src="{{ asset('storage') }}/{{ $news->image }}" class="img-fluid mb-2" >

                                    <div>
                                        {!! $news->body !!}
                                    </div>


                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="col-2 widget-berita">
                                            <h2 class="text-center bold">
                                                Pencarian Berita
                                                <span></span>
                                            </h2>
                                        </div>
                                        <form action="{{ route('berita-terbaru') }}" method="GET">
                                            <div class="search-widget">
                                                <input type="text" name="search" class="search-input-widget"
                                                    placeholder="Cari Disini..." value="{{ request('search') }}" required>
                                                <button class="search-button-widget" type="submit"><i
                                                        class="fa fa-search"></i></button>
                                            </div>
                                        </form>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 mb-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="col-2 widget-berita">
                                            <h2 class="text-center bold">
                                                Berita Terbaru
                                                <span></span>
                                            </h2>
                                        </div>
                                        <div class="berita-terbaru-widget">
                                            <ul>
                                                @foreach ($newest_news as $newest)
                                                <li>
                                                    <a class="text-widget-berita" href="{{url("berita")}}/{{ $newest->slug }}">
                                                        {{ $newest->title }}
                                                    </a>
                                                </li>
                                                @endforeach

                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 mb-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="col-2 widget-berita">
                                            <h2 class="text-center bold">
                                                Kategori Berita
                                                <span></span>
                                            </h2>
                                        </div>
                                        <div>
                                            <a href="{{ route('berita-terbaru') }}?category=1"><button class="button-kategori-widget mb-2">Berita SMA</button></a>
                                            <a href="{{ route('berita-terbaru') }}?category=2"><button class="button-kategori-widget mb-2">Berita SMK</button></a>
                                            <a href="{{ route('berita-terbaru') }}?category=3"><button class="button-kategori-widget mb-2">Berita SMA - SMK</button></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>





@endsection
@push('scripts')
@endpush