<?php

declare(strict_types=1);

/**
 * 首頁定點／非定點分類（獨立於篩選列）。
 *
 * @var string $listingFilter
 * @var Closure $buildQuery
 */

require_once dirname(__DIR__, 3) . DIRECTORY_SEPARATOR . 'includes' . DIRECTORY_SEPARATOR . 'fate_store_listing.php';

$isFixedTab = fate_store_listing_normalize_tab($listingFilter ?? FATE_STORE_LISTING_FIXED) === FATE_STORE_LISTING_FIXED;
$fixedTabUrl = $buildQuery(['listing' => null, 'page' => '1']);
$mobileTabUrl = $buildQuery(['listing' => 'mobile', 'page' => '1']);
$fixedLabel = fate_store_listing_tab_label(FATE_STORE_LISTING_FIXED);
$mobileLabel = fate_store_listing_tab_label(FATE_STORE_LISTING_MOBILE);
?>
<nav class="home-listing-nav" role="tablist" aria-label="店家分類">
    <a class="home-listing-nav__btn<?= $isFixedTab ? ' is-active' : '' ?>"
       role="tab"
       href="<?= htmlspecialchars($fixedTabUrl, ENT_QUOTES, 'UTF-8') ?>"
       aria-selected="<?= $isFixedTab ? 'true' : 'false' ?>"
       tabindex="<?= $isFixedTab ? '0' : '-1' ?>"><?= htmlspecialchars($fixedLabel, ENT_QUOTES, 'UTF-8') ?></a>
    <a class="home-listing-nav__btn<?= !$isFixedTab ? ' is-active' : '' ?>"
       role="tab"
       href="<?= htmlspecialchars($mobileTabUrl, ENT_QUOTES, 'UTF-8') ?>"
       aria-selected="<?= !$isFixedTab ? 'true' : 'false' ?>"
       tabindex="<?= !$isFixedTab ? '0' : '-1' ?>"><?= htmlspecialchars($mobileLabel, ENT_QUOTES, 'UTF-8') ?></a>
</nav>
