@php
/**
 * Blog Modern — RIGHT sidebar.
 *
 * Renders, in order: a "Featured story" card (only when a featured post exists),
 * a pure-CSS promo/CTA block, and a newsletter signup widget. No Swiper, no
 * carousel — static markup only. Reads ONLY its passed vars, like blog-sidebar.php.
 *
 * @var array|null $featured  most-viewed post row, or null (see DATA CONTRACT)
 * @var string     $activeCat selected category slug (optional, currently unused)
 */
$featured  = $featured ?? null;
$activeCat = $activeCat ?? '';
$searchTerm = $searchTerm ?? '';
// Unique suffix so the newsletter field id never collides with the left sidebar.
$uid = $uid ?? substr(md5('blog-modern-right'), 0, 6);
@endphp
<!-- Search — always first so it shows in both one- and two-sidebar modes. -->
<section class="qm-blogm-widget" aria-label="{{ t_raw('blog.search_aria') }}">
    <h2 class="qm-blogm-widget-title">{{ t_raw('common.search') }}</h2>
    <form class="qm-blogm-search" action="{{ route('blog') }}" method="get" role="search">
        <label class="visually-hidden" for="qm-blogm-q-{{ $uid }}">{{ t_raw('blog.search_aria') }}</label>
        <input type="search" id="qm-blogm-q-{{ $uid }}" name="q" value="{{ $searchTerm }}" 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>
</section>
@if ($featured)
<section class="qm-blogm-widget">
    <h2 class="qm-blogm-widget-title">{{ t_raw('blog.featured_posts') }}</h2>
    <a class="qm-blogm-feat" href="{!! url('/blog/' . e($featured['slug'])) !!}">
        <span class="qm-blogm-feat-media">
            <img src="{{ media($featured['featured_image'], 'assets/client/blog/blog-1.png') }}" alt="" loading="lazy" width="426" height="266">
            <span class="qm-blogm-feat-flag">{{ t_raw('common.featured_badge') }}</span>
        </span>
        <span class="qm-blogm-feat-body">
            @if (!empty($featured['category_name']))
            <span class="qm-blogm-feat-cat">{{ $featured['category_name'] }}</span>
            @endif
            <span class="qm-blogm-feat-title">{{ $featured['title'] }}</span>
            @if (!empty($featured['published_at']))
            <span class="qm-blogm-feat-date"><time datetime="{{ date('Y-m-d', strtotime((string) $featured['published_at'])) }}">{!! fmt_day($featured['published_at']) !!}</time></span>
            @endif
        </span>
    </a>
</section>
@endif

<div class="qm-blogm-promo">
    <p class="qm-blogm-promo-title">{{ t_raw('blog.promo_title') }}</p>
    <p class="qm-blogm-promo-text">{{ t_raw('blog.promo_text') }}</p>
    <a class="qm-blogm-promo-btn" href="{{ route('restaurants') }}">{{ t_raw('header.order_now') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
</div>

@if (setting('newsletter_provider_blog', 'local') !== 'off')
<section class="qm-blogm-widget qm-blogm-news">
    <h2 class="qm-blogm-widget-title">{{ t_raw('blog.newsletter_title') }}</h2>
    <p class="qm-blogm-news-copy">{{ t_raw('blog.newsletter_copy') }}</p>
    <form class="qm-blogm-news-form" action="{{ route('newsletter') }}" method="post">
        @csrf
        <input type="hidden" name="placement" value="blog">
        <label class="visually-hidden" for="qm-blogm-news-{{ $uid }}">{{ t_raw('home.newsletter.email_label') }}</label>
        <input type="email" id="qm-blogm-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>
</section>
@endif