@php
/**
 * Reusable blog sidebar, composed of independent widgets:
 *   featured · search · categories · recent · popular · newsletter
 *
 * Pass $widgets to render only a subset, in order (e.g. the blog-2 right column
 * uses ['featured','categories','search']). Omit it to render the full default
 * set. Data ($cats/$recent/$popular/$featured) may be injected by the controller;
 * each widget self-fetches as a fallback so the partial is safe standalone.
 *
 * @var string      $active   selected category slug (optional)
 * @var array|null  $widgets  ordered widget keys to render (optional)
 * @var array|null  $featured featured post row for the Featured card (optional)
 */
$activeCat = $active ?? (request()->query('cat') ?? '');
$activeTag = $activeTag ?? (request()->query('tag') ?? '');
$q         = is_scalar($qIn = request()->query('q')) ? (string) $qIn : '';
$widgets   = $widgets ?? ['search', 'categories', 'recent', 'popular', 'newsletter'];
// Unique suffix so field ids never collide if two sidebars share a page.
$uid       = $uid ?? substr(md5(implode(',', $widgets)), 0, 6);

// Categories may be injected by the controller; otherwise self-fetch.
$cats = $cats ?? \Illuminate\Support\Facades\DB::table('blog_categories')
    // The published test sits on the JOIN, not in a WHERE: a category with no
    // published post must still be listed, with a count of zero.
    ->leftJoin('blog_posts', function ($join): void {
        $join->on('blog_posts.blog_category_id', '=', 'blog_categories.id')
            ->where('blog_posts.status', '=', 'published');
    })
    ->groupBy('blog_categories.id', 'blog_categories.name', 'blog_categories.slug')
    ->orderBy('blog_categories.name')
    ->select('blog_categories.name', 'blog_categories.slug')
    // select() is prefixed by the builder; a raw fragment is NOT, so spell it out.
    ->selectRaw('COUNT(' . \Illuminate\Support\Facades\DB::getTablePrefix() . 'blog_posts.id) AS post_count')
    ->get()
    ->map(static fn (object $r): array => (array) $r)
    ->all();

$recent = $recent ?? (new \App\Models\BlogPost())->published(5);

// Popular posts: most-viewed published posts (template "Popular Posts" widget).
$popular = $popular ?? \App\Models\BlogPost::query()
    ->where('status', 'published')
    ->orderByDesc('views')
    ->orderByDesc('published_at')
    ->limit(4)
    ->get(['title', 'slug', 'featured_image', 'published_at', 'views'])
    ->all();

$featured = $featured ?? null;
// Optional widgets (controller-provided): tag cloud + featured restaurants. They
// render only when data is passed, so the partial stays safe standalone.
$tagCloud            = $tagCloud            ?? [];
$featuredRestaurants = $featuredRestaurants ?? [];

// Crisp 100x100 niche thumbnail — single source of truth shared with the controller.
$thumb = static fn (\App\Models\BlogPost|array $row): string => \App\Http\Controllers\Public\BlogController::thumbFor($row);
@endphp
<aside class="qm-blog-aside" aria-label="{{ t_raw('blog.sidebar_aria') }}">
    @foreach ($widgets as $w)
    @if ($w === 'featured' && $featured)
    <div class="qm-card qm-aside-block qm-aside-featured">
        <a class="qm-featured-card" href="{!! url('/blog/' . e($featured['slug'])) !!}">
            <span class="qm-featured-media">
                <img src="{{ media($featured['featured_image'], 'assets/client/blog/blog-1.png') }}" alt="" loading="lazy" width="426" height="311">
                <span class="qm-featured-flag">{{ t_raw('common.featured_badge') }}</span>
            </span>
            <span class="qm-featured-body">
                @if (!empty($featured['category_name']))
                <span class="qm-featured-cat">{{ $featured['category_name'] }}</span>
                @endif
                <span class="qm-featured-title">{{ $featured['title'] }}</span>
                @if (!empty($featured['published_at']))
                <span class="qm-featured-date"><i class="fas fa-calendar-alt" aria-hidden="true"></i> <time datetime="{{ date('Y-m-d', strtotime((string) $featured['published_at'])) }}">{!! fmt_day($featured['published_at']) !!}</time></span>
                @endif
            </span>
        </a>
    </div>

    @elseif ($w === 'search')
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('common.search') }}</h2>
        <form class="qm-aside-search" action="{{ route('blog') }}" method="get" role="search">
            <label class="visually-hidden" for="qm-blog-q-{{ $uid }}">{{ t_raw('blog.search_aria') }}</label>
            <input type="search" id="qm-blog-q-{{ $uid }}" name="q" value="{{ $q }}" placeholder="{{ t_raw('blog.search_placeholder') }}" autocomplete="off">
            <button type="submit" class="qm-btn qm-btn-sm" aria-label="{{ t_raw('common.search') }}">
                <i class="fas fa-search" aria-hidden="true"></i>
            </button>
        </form>
    </div>

    @elseif ($w === 'categories')
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('nav.categories') }}</h2>
        <ul class="qm-aside-cats">
            @foreach ($cats as $c)
            <li>
                <a href="{{ url('/blog?cat=' . urlencode((string) $c['slug'])) }}"{!! $activeCat === $c['slug'] ? ' class="is-active" aria-current="true"' : '' !!}>
                    <span>{{ $c['name'] }}</span>
                    <span class="qm-pill qm-pill-grey">{{ (int) $c['post_count'] }}</span>
                </a>
            </li>
            @endforeach
            @if (!$cats)
            <li><span class="qm-aside-empty">{{ t_raw('blog.no_categories_yet') }}</span></li>
            @endif
        </ul>
    </div>

    @elseif ($w === 'recent')
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('blog.recent_posts') }}</h2>
        <ul class="qm-aside-recent">
            @foreach ($recent as $rp)
            <li>
                <a href="{!! url('/blog/' . e($rp['slug'])) !!}">
                    <span class="qm-aside-thumb">
                        <img src="{!! $thumb($rp) !!}" alt="" loading="lazy" width="64" height="64">
                    </span>
                    <span class="qm-aside-recent-body">
                        <span class="qm-aside-recent-title">{{ $rp['title'] }}</span>
                        @if (!empty($rp['published_at']))
                        <span class="qm-aside-recent-date"><time datetime="{{ date('Y-m-d', strtotime((string) $rp['published_at'])) }}">{!! fmt_day($rp['published_at']) !!}</time></span>
                        @endif
                    </span>
                </a>
            </li>
            @endforeach
            @if (!count($recent))
            <li><span class="qm-aside-empty">{{ t_raw('blog.no_posts_yet') }}</span></li>
            @endif
        </ul>
    </div>

    @elseif ($w === 'popular')
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('blog.popular_posts') }}</h2>
        <ul class="qm-aside-recent">
            @foreach ($popular as $pp)
            <li>
                <a href="{!! url('/blog/' . e($pp['slug'])) !!}">
                    <span class="qm-aside-thumb">
                        <img src="{!! $thumb($pp) !!}" alt="" loading="lazy" width="64" height="64">
                    </span>
                    <span class="qm-aside-recent-body">
                        <span class="qm-aside-recent-title">{{ $pp['title'] }}</span>
                        <span class="qm-aside-recent-date"><i class="fas fa-eye" aria-hidden="true"></i> {{ number_format((int) $pp['views']) }} {{ t_raw('blog.views_suffix') }}</span>
                    </span>
                </a>
            </li>
            @endforeach
            @if (!$popular)
            <li><span class="qm-aside-empty">{{ t_raw('blog.no_posts_yet') }}</span></li>
            @endif
        </ul>
    </div>

    @elseif ($w === 'tags' && $tagCloud)
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('side_panel.tags_aria') }}</h2>
        <div class="qm-aside-tags">
            @foreach ($tagCloud as $t)
@php $tActive = $activeTag !== '' && $activeTag === ($t['slug'] ?? ''); @endphp
            <a class="qm-pill qm-pill-grey{{ $tActive ? ' is-active' : '' }}" href="{{ url($t['url']) }}"{!! $tActive ? ' aria-current="true"' : '' !!}>{{ $t['label'] }}</a>
            @endforeach
        </div>
    </div>

    @elseif ($w === 'restaurants' && $featuredRestaurants)
    <div class="qm-card qm-aside-block">
        <h2 class="qm-aside-title">{{ t_raw('home.featured') }}</h2>
        <ul class="qm-aside-recent">
            @foreach ($featuredRestaurants as $fr)
            <li>
                <a href="{!! url('/restaurant/' . e($fr['slug'])) !!}">
                    <span class="qm-aside-thumb">
                        {!! restaurant_logo_html($fr, 'lg') !!}
                    </span>
                    <span class="qm-aside-recent-body">
                        <span class="qm-aside-recent-title">{{ $fr['name'] }}</span>
                        <span class="qm-aside-recent-date"><i class="fas fa-star" aria-hidden="true"></i> {{ number_format((float) ($fr['rating_cache'] ?? 0), 1) }} ({{ number_format((int) ($fr['rating_count'] ?? 0)) }})</span>
                    </span>
                </a>
            </li>
            @endforeach
        </ul>
    </div>

    @elseif ($w === 'newsletter' && setting('newsletter_provider_blog', 'local') !== 'off')
    <div class="qm-card qm-aside-block qm-aside-news">
        <h2 class="qm-aside-title">{{ t_raw('blog.newsletter_title') }}</h2>
        <p class="qm-aside-news-copy">{{ t_raw('blog.newsletter_copy') }}</p>
        <form class="qm-aside-news-form" action="{{ route('newsletter') }}" method="post">
            @csrf
            <input type="hidden" name="placement" value="blog">
            <label class="visually-hidden" for="qm-blog-news-{{ $uid }}">{{ t_raw('home.newsletter.email_label') }}</label>
            <input type="email" id="qm-blog-news-{{ $uid }}" name="email" placeholder="{{ t_raw('blog.newsletter_email_placeholder') }}" required autocomplete="email">
            <button type="submit" class="qm-btn qm-btn-sm">{{ t_raw('footer.subscribe') }}</button>
        </form>
    </div>
    @endif
    @endforeach
</aside>