@php
    $photo = $page->photos->first();
    $photoUrl = ($photo && $photo->filename)
        ? url('assets/uploads/' . $photo->filename)
        : \App\Models\Page::blogPlaceholderImageUrl();

    $author = $page->author;
    $authorProfile = $author ? $author->authorProfile : null;
    $authorName = ($author && $author->name) ? $author->name : 'SEO Specialist Kenya';
    $authorUrl = ($authorProfile && $authorProfile->slug)
        ? url('author/' . $authorProfile->slug)
        : url('/');

    $injectBeforeH2 = function (string $html, int $h2Index, string $block): string {
        if ($html === '' || $block === '') {
            return $html;
        }
        if (!preg_match_all('/<h2\b[^>]*>/i', $html, $matches, PREG_OFFSET_CAPTURE)) {
            return $html;
        }
        if (!isset($matches[0][$h2Index - 1])) {
            return $html;
        }
        $pos = $matches[0][$h2Index - 1][1];

        return substr($html, 0, $pos) . $block . substr($html, $pos);
    };

    $blogCtaRevenue = '<aside class="sk-blog-inline-cta" aria-label="Book a discovery call on organic revenue">'
        . '<p class="header header3">Organic pipeline is leaking on a live stack.</p>'
        . '<p class="sk-blog-inline-cta__note mb-0">Dashboard traffic without SQLs is revenue deferred every week. Paid acquisition keeps eating margin while retrieval gaps stay unmapped. Skipping a free discovery call is choosing to leave that pipeline uncapped again.</p>'
        . '<a href="' . e(\App\Support\Consultation::url('free_discovery', ['ref' => 'blog-cta-revenue'])) . '" class="btn btn-primary sk-blog-inline-cta__btn">Book discovery call</a>'
        . '</aside>';

    $blogCtaLeadgen = '<aside class="sk-blog-inline-cta" aria-label="Book a consultation on lead generation websites">'
        . '<p class="header header3">A brochure site cannot carry inbound revenue.</p>'
        . '<p class="sk-blog-inline-cta__note mb-0">Hosting renewals without capture paths mean another year of infrastructure cost with no SQLs. Closing this without a protocol call accepts zero inbound while competitors engineer funnels that rank and convert. We build lead-gen platforms for organic acquisition.</p>'
        . '<a href="' . e(\App\Support\Consultation::url('free_discovery', ['ref' => 'blog-cta-leadgen'])) . '" class="btn btn-primary sk-blog-inline-cta__btn">Book protocol call</a>'
        . '</aside>';

    $blogBodyHtml = $page->description ?? '';
    $blogBodyHtml = $injectBeforeH2($blogBodyHtml, 5, $blogCtaLeadgen);
    $blogBodyHtml = $injectBeforeH2($blogBodyHtml, 2, $blogCtaRevenue);
@endphp

@extends('layouts.app', [
    'title' => $page->metatitle,
    'keywords' => $page->keywords,
    'description' => $page->metadescription,
    'image' => $photoUrl,
    'canonical' => url('blog/'.$page->slug)
])

@section('content')
    <article class="sk-blog">
        <div class="container">
            <div class="row">
                <div class="col-lg-1 d-none d-lg-block" aria-hidden="true"></div>

                <div class="col-12 col-lg-7 mb-4 mb-lg-0">
                    <header class="sk-blog__header">
                        <h1 class="sk-blog__title">{{ $page->name }}</h1>
                        <div class="sk-blog__meta">
                            <div class="sk-blog__meta-row">
                                <p class="sk-blog__meta-primary mb-0">
                                    Last updated
                                    @if($page->updated_at)
                                        <time class="sk-blog__meta-date"
                                              datetime="{{ $page->updated_at->timezone('Africa/Nairobi')->format('Y-m-d') }}">
                                            {{ $page->lastUpdatedLabel() }}
                                        </time>
                                    @endif
                                    by
                                    <a href="{{ $authorUrl }}"
                                       class="sk-blog__meta-author"
                                       @if(!$authorProfile) target="_blank" rel="noopener noreferrer" @endif>
                                        {{ $authorName }}
                                    </a>
                                </p>
                                <p class="sk-blog__meta-read mb-0">
                                    <em>{{ $page->readingTimeLabel() }}</em>
                                </p>
                            </div>
                        </div>
                    </header>

                    <div class="sk-blog__content blog-content">
                        {!! $blogBodyHtml !!}
                    </div>

                    <footer class="sk-blog__share">
                        <h2 class="sk-blog__share-title">Share this article</h2>
                        <div class="sk-blog__share-actions">
                            <a href="https://twitter.com/intent/tweet?url={{ urlencode(url('blog/'.$page->slug)) }}&text={{ urlencode($page->name) }}"
                               class="btn btn-outline-primary"
                               target="_blank"
                               rel="noopener noreferrer">
                                <i class="fab fa-twitter me-2" aria-hidden="true"></i>Tweet
                            </a>
                            <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url('blog/'.$page->slug)) }}"
                               class="btn btn-outline-primary"
                               target="_blank"
                               rel="noopener noreferrer">
                                <i class="fab fa-facebook me-2" aria-hidden="true"></i>Share
                            </a>
                            <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(url('blog/'.$page->slug)) }}&title={{ urlencode($page->name) }}"
                               class="btn btn-outline-primary"
                               target="_blank"
                               rel="noopener noreferrer">
                                <i class="fab fa-linkedin me-2" aria-hidden="true"></i>Share
                            </a>
                        </div>
                    </footer>
                </div>

                <aside class="col-12 col-lg-4">
                    <div class="sk-blog__sidebar sticky-top">
                        <h2 class="sk-blog__sidebar-title">Related Articles</h2>
                        <ul class="sk-blog__related list-unstyled mb-0">
                            @foreach($relatedArticles as $article)
                                @php
                                    $articlePhoto = $article->photos->first();
                                    $articleThumb = ($articlePhoto && $articlePhoto->filename)
                                        ? url('assets/uploads/' . $articlePhoto->filename)
                                        : \App\Models\Page::blogPlaceholderImageUrl();
                                @endphp
                                <li class="sk-blog__related-item">
                                    <a href="{{ url('blog/'.$article->slug) }}" class="sk-blog__related-link">
                                        <img src="{{ $articleThumb }}"
                                             class="sk-blog__related-thumb"
                                             alt=""
                                             width="72"
                                             height="72"
                                             loading="lazy">
                                        <span class="sk-blog__related-text">
                                            <span class="sk-blog__related-name">{{ $article->name }}</span>
                                            <span class="sk-blog__related-date">Updated {{ $article->lastUpdatedLabel() }}</span>
                                        </span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </aside>
            </div>
        </div>
    </article>
@endsection