@php
/**
 * Prev / next buttons for a [data-carousel] rail — the single source for the pill-shaped
 * arrow pair used by "Trending this week", the cuisine rails and the restaurant
 * "Popular this week" rail. The shared handler in app.js finds these by data attribute,
 * disables them at the ends and hides the whole pill when nothing can scroll.
 *
 * Drop it inside a .qm-rail-controls (or any wrapper) within the .qm-carousel root.
 *
 * @var string $prevLabel  aria-label for the previous button (already translated)
 * @var string $nextLabel  aria-label for the next button (already translated)
 */
$prevLabel = $prevLabel ?? t_raw('common.scroll_left_aria');
$nextLabel = $nextLabel ?? t_raw('common.scroll_right_aria');
@endphp
<div class="qm-carousel-nav">
    <button type="button" class="qm-carousel-btn" data-carousel-prev aria-label="{{ $prevLabel }}"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
    <button type="button" class="qm-carousel-btn" data-carousel-next aria-label="{{ $nextLabel }}"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
</div>