@extends('layouts.public')

@section('content')
@php
/**
 * Modern blog archive — creative subheader + dense two-sidebar layout + rich cards.
 * Pairs with the blog-modern-sidebar-left / blog-modern-sidebar-right partials.
 *
 * @var array  $posts              archive rows (+ tags[], author_avatar)
 * @var array  $pager              paginate() array
 * @var array  $popularPosts       4 rows (+ tags[]) for the left sidebar
 * @var array  $tagCloud           [['label'=>..,'url'=>..], ..] deduped
 * @var array  $categories         [['name'=>..,'slug'=>..,'post_count'=>..], ..]
 * @var array  $featuredRestaurants restaurant rows for the left sidebar
 * @var array|null $featured       most-viewed post row (or null) for the right sidebar
 * @var string $activeCat          selected category slug
 * @var string $catName            selected category display name
 * @var string $activeTag          selected tag slug
 * @var string $tagName            selected tag display name
 * @var string $searchTerm         current search query
 */
$posts               = $posts               ?? [];
$activeCat           = $activeCat           ?? '';
$catName             = $catName             ?? '';
$activeTag           = $activeTag           ?? '';
$tagName             = $tagName             ?? '';
$searchTerm          = $searchTerm          ?? '';
$categories          = $categories          ?? [];
$popularPosts        = $popularPosts        ?? [];
$tagCloud            = $tagCloud            ?? [];
$featuredRestaurants = $featuredRestaurants ?? [];
$featured            = $featured            ?? null;
$two                 = $twoSidebars         ?? true;   // admin: two sidebars (default) or one (right only)
$isFiltered          = ($activeCat !== '' || $activeTag !== '' || $searchTerm !== '');
@endphp
@partial('subheader', [
    'type'        => 'post',
    'title'       => t_raw('blog.modern_title'),
    'description' => t_raw('blog.modern_lead'),
    'eyebrow'     => t_raw('blog.eyebrow_from_kitchen'),
    'crumbs'      => [['label' => t_raw('common.home'), 'url' => route('home')], ['label' => t_raw('footer.blog')]],
])

<section class="qm-section qm-blogm-wrap">
    <div class="container-fluid">
        <div class="row g-4">
            @if ($two)
            <aside class="col-lg-3 order-2 order-lg-1" aria-label="{{ t_raw('blog.sidebar_aria') }}">
                <div class="qm-blogm-side is-sticky">
                    @partial('blog-modern-sidebar-left', ['popularPosts' => $popularPosts, 'tagCloud' => $tagCloud, 'categories' => $categories, 'featuredRestaurants' => $featuredRestaurants, 'activeCat' => $activeCat])
                </div>
            </aside>
            @endif

            <div class="{{ $two ? 'col-lg-6' : 'col-lg-8' }} order-1 order-lg-2">
                @if ($isFiltered)
@php $postCount = count($posts);
                    if ($searchTerm !== '' && $catName !== '') {
                        $filterMsg = t_raw($postCount === 1 ? 'blog.filter_result_one_in_cat' : 'blog.filter_result_many_in_cat', [':n' => $postCount, ':term' => e($searchTerm), ':cat' => '<strong>' . e($catName) . '</strong>']);
                    } elseif ($searchTerm !== '' && $tagName !== '') {
                        $filterMsg = t_raw($postCount === 1 ? 'blog.filter_result_one_in_tag' : 'blog.filter_result_many_in_tag', [':n' => $postCount, ':term' => e($searchTerm), ':tag' => '<strong>' . e($tagName) . '</strong>']);
                    } elseif ($searchTerm !== '') {
                        $filterMsg = t_raw($postCount === 1 ? 'blog.filter_result_one' : 'blog.filter_result_many', [':n' => $postCount, ':term' => e($searchTerm)]);
                    } elseif ($activeTag !== '') {
                        $filterMsg = t_raw('blog.showing_posts_tagged', [':tag' => '<strong>' . e($tagName !== '' ? $tagName : $activeTag) . '</strong>']);
                    } else {
                        $filterMsg = t_raw('blog.showing_posts_in', [':cat' => '<strong>' . e($catName !== '' ? $catName : $activeCat) . '</strong>']);
                    }; @endphp
                <div class="qm-blogm-filter" data-reveal>
                    <span>{{ $filterMsg }}</span>
                    <a href="{{ route('blog') }}"><i class="fas fa-times" aria-hidden="true"></i> {{ t_raw('blog.clear_filter') }}</a>
                </div>
                @endif

                @if ($posts)
                <div class="row g-4">
                    @foreach ($posts as $p)
                    <div class="col-md-6" data-reveal>
                        <article class="qm-blogm-card">
                            <a class="qm-blogm-card-media" href="{!! url('/blog/' . e($p['slug'])) !!}" tabindex="-1" aria-hidden="true">
                                <img src="{{ media($p['featured_image'], 'assets/client/blog/blog-1.png') }}" alt="" width="426" height="266" loading="lazy">
                            </a>
                            @if (!empty($p['category_name']))
                            <a class="qm-blogm-card-cat" href="{{ url('/blog?cat=' . urlencode((string) ($p['category_slug'] ?? ''))) }}">{{ $p['category_name'] }}</a>
                            @endif
                            <div class="qm-blogm-card-body">
                                <h2 class="qm-blogm-card-title"><a href="{!! url('/blog/' . e($p['slug'])) !!}">{{ $p['title'] }}</a></h2>
                                <p class="qm-blogm-card-excerpt">{{ str_excerpt((string) $p['excerpt'], 24) }}</p>
                                @php $cardTags = $p['tags'] ?? [];
@endphp
                                @if ($cardTags)
                                <div class="qm-blogm-tags">
                                    @foreach ($cardTags as $t)
                                    <a class="qm-blogm-tag" href="{{ url($t['url']) }}">{{ $t['label'] }}</a>
                                    @endforeach
                                </div>
                                @endif
                                <div class="qm-blogm-card-foot">
                                    <span class="qm-blogm-author">
                                        <img class="qm-blogm-author-img" src="{{ avatar_src($p['author_avatar'] ?? null) }}" alt="" width="38" height="38" loading="lazy">
                                        <span class="qm-blogm-author-text">
                                            <span class="qm-blogm-author-name">{!! ($p['author_name'] ?? '') !== '' ? e($p['author_name']) : t('blog.admin_fallback_name') !!}</span>
                                            @if (!empty($p['published_at']))
                                            <span class="qm-blogm-author-date"><time datetime="{{ date('Y-m-d', strtotime((string) $p['published_at'])) }}">{!! fmt_day($p['published_at']) !!}</time></span>
                                            @endif
                                        </span>
                                    </span>
                                    <a class="qm-blogm-more" href="{!! url('/blog/' . e($p['slug'])) !!}">{{ t_raw('blog.read_more') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </article>
                    </div>
                    @endforeach
                </div>
                @else
                <div class="qm-empty">
                    <i class="fas fa-newspaper d-block" aria-hidden="true"></i>
                    @if ($isFiltered)
                    <p>{{ t_raw('blog.no_posts_match_filter') }}</p>
                    <a href="{{ route('blog') }}" class="qm-btn qm-btn-sm">{{ t_raw('blog.view_all_posts_btn') }}</a>
                    @else
                    <p>{{ t_raw('blog.no_posts_published') }}</p>
                    @endif
                </div>
                @endif

                @partial('pagination', ['pager' => $pager ?? [], 'base' => '/blog'])
            </div>

            <aside class="{{ $two ? 'col-lg-3' : 'col-lg-4' }} order-3" aria-label="{{ t_raw('blog.more_from_blog_aria') }}">
                <div class="qm-blogm-side is-sticky">
                    @partial('blog-modern-sidebar-right', ['featured' => $featured, 'activeCat' => $activeCat, 'searchTerm' => $searchTerm])
                </div>
            </aside>
        </div>
    </div>
</section>
@endsection