{{-- API Servisleri alanı içi gezinme (ürünler / fiyatlandırma / MCP / dokümantasyon) --}}
<nav class="api-subnav" aria-label="{{ t('api-services-nav') }}">
    <div class="container">
        <ul class="api-subnav__list">
            <li>
                <a href="{{ route('api-services.index') }}"
                    class="api-subnav__link {{ request()->routeIs('api-services.index') ? 'is-active' : '' }}"
                    @if (request()->routeIs('api-services.index')) aria-current="page" @endif>
                    <i class="fa-solid fa-cubes" aria-hidden="true"></i>
                    <span>{{ t('api-services-subnav-products') }}</span>
                </a>
            </li>
            <li>
                <a href="{{ route('api-services.pricing') }}"
                    class="api-subnav__link {{ request()->routeIs('api-services.pricing') ? 'is-active' : '' }}"
                    @if (request()->routeIs('api-services.pricing')) aria-current="page" @endif>
                    <i class="fa-solid fa-tags" aria-hidden="true"></i>
                    <span>{{ t('api-services-subnav-pricing') }}</span>
                </a>
            </li>
            <li>
                <a href="{{ route('api-services.mcp') }}"
                    class="api-subnav__link {{ request()->routeIs('api-services.mcp') ? 'is-active' : '' }}"
                    @if (request()->routeIs('api-services.mcp')) aria-current="page" @endif>
                    <i class="fa-solid fa-plug-circle-bolt" aria-hidden="true"></i>
                    <span>{{ t('api-services-subnav-mcp') }}</span>
                </a>
            </li>
            <li>
                <a href="{{ route('api-services.docs') }}"
                    class="api-subnav__link {{ request()->routeIs('api-services.docs') ? 'is-active' : '' }}"
                    @if (request()->routeIs('api-services.docs')) aria-current="page" @endif>
                    <i class="fa-solid fa-book" aria-hidden="true"></i>
                    <span>{{ t('api-services-subnav-docs') }}</span>
                </a>
            </li>
        </ul>
    </div>
</nav>