@extends('template')
@section('content')
    <div class="pt-5">
        @php
            use Carbon\Carbon;
        @endphp

        <div class="container" style="margin-top:60px;">
            <a href="{{ route('berita') }}" class="btn btn-outline-dark  my-3"><i class="bi bi-arrow-left"></i>Kembali</a>

            <h3 class="text-uppercase">{{ $berita->title }}
            </h3>
            <div class="d-flex">
                <p class="text-secondary text-left mx-2  "><i class="bi bi-calendar-week"></i>
                    {{ Carbon::parse($berita->tanggal)->formatLocalized('%d %b %Y') }}</p>
                <p class="text-secondary text-left mx-2 "><i class="bi bi-person-fill"></i>
                    {{ $berita->pengirim }}</p>

            </div>
            <img class="w-100" src="{{ asset('images/berita/' . $berita->photo) }}" alt="">
            <p class="my-5">
                {!! $berita->deskripsi !!}
            </p>
            @if ($id_yt)
                <div class="card p-3 my-5" style="width: fit-content">
                    <h5 class="border-bottom my-1">Saksikan Video di bawah ini:</h5>

                    <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ $id_yt }}"
                        title="YouTube video player" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
            @endif

            <h3 class="border-bottom my-5">Rekomendasi</h3>
            <div class="container d-flex flex-lg-row flex-column   my-3  hidden">
                @foreach ($rekomendasi as $item)
                    <a href="{{ route('beritaDetail', Crypt::encryptString($item->id)) }}" class="col-md-3  mb-5 bigger"
                        style="text-decoration: none">
                        <div class=" card d-flex flex-column " style="min-height: 300px">
                            <img src="{{ asset('images/berita/' . $item->photo) }}" style=" object-fit:cover;"
                                alt="..." style="; object-fit:cover">
                            <div style="min-height: px">

                                <h6 class="link p-3 text-center">
                                    {{ Str::words(strip_tags($item->title), 10, ' ...') }}
                                </h6>
                            </div>



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