@extends('layouts.app')

@section('title', $explanation->title . ' - Bible Explanation')
@section('meta_description', Str::limit(strip_tags($explanation->explanation_text), 155))

@section('content')
<div class="container">
    <div class="card verse-quote p-3 mb-4">
        @php $v = $explanation->verse; @endphp
        <p class="mb-1">"{{ $v->verse_text }}"</p>
        <small class="text-muted">{{ $bookName }} {{ $v->chapter->chapter_number }}:{{ $v->verse_number }}</small>
        <a href="{{ route('verse.show', $v) }}" class="d-block mt-2 small">View verse &rarr;</a>
    </div>

    <div class="card">
        <div class="card-body">
            <h1 class="h3">{{ $explanation->title }}</h1>
            @if($explanation->author)<p class="text-muted small">By {{ $explanation->author }}</p>@endif
            @include('partials.embed-media', ['videoUrl' => $explanation->video_url, 'embedHtml' => $explanation->embed_html])
            <div class="content">{!! nl2br(e($explanation->explanation_text)) !!}</div>
        </div>
    </div>
</div>
@endsection