<!-- Admin Breadcrumbs Component -->
<!-- Uses Framework LinkCollection Value Object -->
<nav class="admin-breadcrumbs" aria-label="Breadcrumb">
    <ol class="admin-breadcrumbs__list" role="list">
        <!-- Home Icon Link -->
        <li class="admin-breadcrumbs__item">
            <a href="/admin" class="admin-breadcrumbs__link" aria-label="Home">
                <svg class="admin-breadcrumbs__home-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
                </svg>
                <span class="admin-breadcrumbs__sr-only">Home</span>
            </a>
        </li>

        <!-- LinkCollection Items -->
        <if condition="breadcrumbs && breadcrumbs.count() > 0">
            <for items="breadcrumbs" as="link" index="index">
                <!-- Separator -->
                <li class="admin-breadcrumbs__separator" aria-hidden="true">
                    <svg class="admin-breadcrumbs__separator-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                    </svg>
                </li>

                <!-- Breadcrumb Item -->
                <li class="admin-breadcrumbs__item">
                    <!-- Check if current page (AccessibleLink with aria-current) -->
                    <if condition="link.hasAttribute('aria-current')">
                        <span class="admin-breadcrumbs__current" aria-current="page">
                            {link.text}
                        </span>
                    <else>
                        <a href="{link.href}" class="admin-breadcrumbs__link">
                            {link.text}
                        </a>
                    </else>
                    </if>
                </li>
            </for>
        </if>
    </ol>
</nav>
