<div class="row mb-3">
<div class="col-12 col-lg-6 text-center text-lg-start">
<nav
style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");"
aria-label="breadcrumb"
{{ buttons is not defined or buttons|length == 0 ? 'class="mb-3"' }}
>
<ol class="breadcrumb">
{% for data in datas %}
<li class="breadcrumb-item">
{% if data.url is defined and data.url is not null %}
<a href="{{ data.url }}">
{% endif %}
{{ data.label|raw }}
{% if data.url is defined and data.url is not null %}
</a>
{% endif %}
</li>
{% endfor %}
</ol>
</nav>
</div>
<div class="col-12 col-lg-6 text-center text-lg-end align-middle">
{% block other_button_before %}{% endblock %}
{% if buttons is defined and buttons|length > 0 %}
{% for button in buttons %}
{% if button.display %}
<a
href="{{ button.url is defined ? button.url : '#' }}"
class="{{ button.class }}"
{{ button.attr is defined ? button.attr|join(' ')|raw }}
>
{% if button.icon is defined and button.icon is not empty %}
<i class="{{ button.icon }}"></i>
{% endif %}
{{ button.label }}
</a>
{% endif %}
{% endfor %}
{% endif %}
{% block other_button_after %}{% endblock %}
</div>
</div>