{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{% block layout_breadcrumb_inner %}
{% if category %}
{% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
{% set categoryId = category.id %}
{% set nextTree = [] %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumb = sw_breadcrumb(category) %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumbKeys = breadcrumb|keys %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumbTypes = sw_breadcrumb_build_types(breadcrumbCategories) %}
{% if breadcrumbCategories|length > 0 %}
<nav aria-label="breadcrumb">
{% block layout_breadcrumb_list %}
<ol class="breadcrumb"
itemscope
itemtype="https://schema.org/BreadcrumbList">
{% for breadcrumbCategory in breadcrumbCategories %}
{% set key = breadcrumbCategory.id %}
{% set name = breadcrumbCategory.translated.name %}
{% block layout_breadcrumb_list_item %}
<li class="breadcrumb-item"
{% if key is same as(categoryId) %}aria-current="page"{% endif %}
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
{% if breadcrumbCategory.type == 'folder' %}
<div itemprop="name">{{ name }}</div>
{% else %}
<div class="dropdown show">
<a href="{{ category_url(breadcrumbCategory) }}"
class="btn btn-sm {% if nextTree is not empty %}dropdown-toggle{% endif %} {% if key is same as(categoryId) %} is-active{% endif %}"
title="{{ name }}"
{% if category_linknewtab(breadcrumbCategory) %}target="_blank"{% endif %}
itemprop="item"
{% if nextTree is not empty %}
role="button" id="bcdd_{{ breadcrumbCategory.id }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{% endif %}
<link itemprop="url"
href="{{ category_url(breadcrumbCategory) }}"/>
<span class="breadcrumb-title" itemprop="name">{{ name }}</span>
</a>
<div class="dropdown-menu" aria-labeledby="bcdd{{ breadcrumbCategory.id }}">
{% if nextTree is empty %}
{% else %}
{% for navItem in nextTree %}
<a class="dropdown-item {% if navItem.category.id == breadcrumbCategory.id %}selected{% endif %} " href="{% if navItem.category.link %}{{ navItem.category.link }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: navItem.category.id }) }}{% endif %}">{{ navItem.category.translated.name }}</a>
{% endfor %}
{% endif %}
</div>
</div>
{% endif %}
<meta itemprop="position" content="{{ loop.index }}"/>
</li>
{% endblock %}
{% if nextTree is empty %}
{% if navTree[breadcrumbCategory.id].children is not empty %}
{% set nextTree = navTree[breadcrumbCategory.id].children %}
{% endif %}
{% else %}
{% if nextTree[breadcrumbCategory.id].children is not empty %}
{% set nextTree = nextTree[breadcrumbCategory.id].children %}
{% endif %}
{% endif %}
{% block layout_breadcrumb_placeholder %}
{% if key != breadcrumbKeys|last %}
<div class="breadcrumb-placeholder">
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
</ol>
{% endblock %}
</nav>
{% endif %}
{% endif %}
{% endblock %}