@extends('view.public.layouts.app')
@section('content')
<!--SIDE NAVIGASI-->
<div class="container-fluid">
    <div class="row pospage bg-green">
        <div class="container">
            <a href="" class="pospage_link">Beranda</a><i class="icofont-thin-right"></i>
            <a href="" class="pospage_link">Informasi</a><i class="icofont-thin-right"></i>
            <a href="" class="pospage_link">{{$judul}}</a><i class="icofont-thin-right"></i>
            <a href="" class="pospage_link">{{str_limit($data->judul, 20)}}</a>
        </div>
    </div>
</div>
<!--SIDE NAVIGASI-->
<div class="container">
    <div class="row marginside">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-8">
                    <div class="berita--detail">
                        <a href="" class="beritah_title">{{$data->judul}}</a>
                        <img src="{{ $data->file->count() > 0 ? asset('uploads/'.$data->file->first()->filename) : asset('notfound.png') }}" alt="" class="beritah_image">
                        <div class="beritah_iconframe">
                            <i class="beritah_icon"><i class="icofont-user-alt-5"></i> Admin</i>
                            @if($judul != "Karir")
                            <i class="beritah_icon"><i class="icofont-eye"></i> {{$data->view}}x Dilihat</i>
                            @endif
                            <i class="beritah_icon"><i class="icofont-calendar"></i> {{$data->created_at->format('d, M Y')}}</i>
                        </div>
                        <p class="beritah_text">
                            @if($judul != 'Karir')
                            {!!$data->isi!!}
                            @else
                            {!!$data->deksripsi!!}
                            @endif
                        </p>
                    </div>
                    @include('view.public.share')
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading heading-left">
                                <br>
                                <p class="heading_text">{{$judul}} Lainnya</p>
                                <hr class="heading_hr2">
                                <hr class="heading_hr">
                            </div>
                        </div>
                    </div>
                    @forelse($datas as $berita)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="beritah--xs">
                                <div class="beritah_frame">
                                    <img src="{{ $berita->file->count() > 0 ? asset('uploads/'.$berita->file->first()->filename) : asset('notfound.png') }}" alt="" class="beritah_image">
                                </div>
                                @if($judul == 'Karir')
                                <a href="{{url('informasi/'.strtolower($judul).'/'.$berita->id)}}" class="beritah_title">{{$berita->title}}</a>
                                @else
                                <a href="{{url('informasi/'.strtolower($judul).'/'.$berita->id)}}" class="beritah_title">{{$berita->judul}}</a>
                                @endif    
                                <div class="beritah_iconframe">
                                    <i class="beritah_icon"><i class="icofont-user-alt-5"></i> Admin</i>
                                    @if($judul != "Karir")
                                    <i class="beritah_icon"><i class="icofont-eye"></i> {{$berita->view}}x Dilihat</i>
                                    @endif
                                    <i class="beritah_icon"><i class="icofont-calendar"></i> {{$berita->created_at->format('d, M Y')}}</i>
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                    Data Kosong
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
@endsection