@extends('template')
@section('content')
    <div class="container pt-lg-5">
        <div class="box text-green  mt-lg-5 p-lg-5 p-3">
            <p class="m-0">{{ $berita->tanggal }}</p>
            <h3 class="text-green-dark">{{ $berita->title }}</h3>

            <img class=" w-100 mb-5 mt-0 rounded" src="{{ asset('images/' . $berita->photo) }}" alt="">
            <div class="w-100">
                <p class="text-justify ">{!! $berita->deskripsi !!}</p>
            </div>

        </div>
        <h3 class="text-green-dark">Rekomendasi</h3>
        <div class="container mt-5 d-flex justify-content-center">
            @foreach($rekomendasi as $item)
            <div class="m-2">
                
                <p class="mb-0 ">{{$item->tanggal}}</p>
                <img class="news-photo rounded" src="{{asset('images/'.$item->photo)}}" alt="">
                <h4 class="text-green-dark fw-bold"style="width:350px;">{{$item->title}}</h4>
                <a href="{{route('beritabyid',Crypt::encryptString($item->id))}}" class="text-green-dark link">Baca Selengkapnya ></a>

            </div>
            @endforeach
        </div>
    </div>
@endsection