@if (isset($breadcrumbs) && !empty($breadcrumbs->getBreadcrumbs()))
    <nav class="flex px-5 py-3 text-gray-700" aria-label="Breadcrumb">
        <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
            @foreach ($breadcrumbs->getBreadcrumbs() as $item)
                @if ($loop->first)
                    <li class="inline-flex items-center">
                        <a href="{{ $item['url'] ?? '#' }}"
                           class="inline-flex items-center text-sm text-gray-500 hover:text-primary-dark font-medium dark:text-gray-400 dark:hover:text-white">
                            {{ $item['label'] }}
                        </a>
                    </li>
                @elseif (!$loop->last)
                    <li>
                        <div class="flex items-center">
                            <svg class="rtl:rotate-180 block w-3 h-3 mx-1 text-gray-400" aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                      stroke-width="2" d="m1 9 4-4-4-4"/>
                            </svg>
                            <a href="{{ $item['url'] ?? '#' }}"
                               class="ms-1 text-sm font-medium text-primary hover:text-primary-dark md:ms-2 dark:text-gray-400 dark:hover:text-white">
                                {{ $item['label'] }}
                            </a>
                        </div>
                    </li>
                @else
                    <li aria-current="page">
                        <div class="flex items-center">
                            <svg class="rtl:rotate-180 w-3 h-3 mx-1 text-gray-400" aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                      stroke-width="2" d="m1 9 4-4-4-4"/>
                            </svg>
                            <span class="ms-1 text-sm font-medium text-primary hover:text-primary-dark md:ms-2 dark:text-gray-400">
                                {{ $item['label'] }}
                            </span>
                        </div>
                    </li>
                @endif
            @endforeach
        </ol>
    </nav>
@endif