Kumora/templates/partials/breadbrumb.html.twig

34 lines
1.7 KiB
Twig

<nav class="flex" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse {{ path == '' ? 'my-1' : '' }}">
<li class="flex items-center">
<a href="{{ path('app_dashboard') }}"
class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white">
<twig:ux:icon class="w-3 h-3" name="fa6-solid:house"/>
</a>
</li>
{% if path != '' %}
{% set pathSplitted = path|split('/') %}
{% for pa in pathSplitted %}
{% if loop.last %}
<li aria-current="page">
<div class="flex items-center">
<twig:ux:icon class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1"
name="fa6-solid:chevron-right"/>
<span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400">{{ pa }}</span>
</div>
</li>
{% else %}
<li>
<div class="flex items-center">
<twig:ux:icon class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1"
name="fa6-solid:chevron-right"/>
<a href="#"
class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white">{{ pa }}</a>
</div>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ol>
</nav>