@section('page-title', 'Dashboard')

<x-app-layout>
    @section('page-title', $pageTitle)
    <div class="d-flex align-items-center mb-4">
        <a href="{{ route('dashboard')}}" class="btn btn-outline-secondary me-3">
            <i class="bi bi-arrow-left"></i>
        </a>
        <h4 class="h4 mb-0">Kembali</h4>
    </div>
    <div class="card shadow-sm border-0">
        <div class="card-body p-4">
            <div class="ratio ratio-16x9 mb-4">
                <iframe src="{{ $rekomendasi['youtube_embed_link'] }}" title="YouTube video player" frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                    allowfullscreen></iframe>
            </div>

            <h2 class="fw-bold mb-3">{{ $rekomendasi['judul'] }}</h2>
            <div class="text-muted">
                {!! $rekomendasi['deskripsi'] !!}
            </div>
        </div>
    </div>
</x-app-layout>