<% if (breadcrumbs && breadcrumbs.length) { %>
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb bg-white  rounded" style="padding-block: 10px; padding-left: 5px;">
        <% breadcrumbs.forEach((item, index) => { %>
          <li class="breadcrumb-item <%= index === breadcrumbs.length - 1 ? 'active text-secondary' : '' %>" 
              <%= index === breadcrumbs.length - 1 ? 'aria-current="page"' : '' %>>
            <% if (index !== breadcrumbs.length - 1) { %>
              <a href="<%= item.href %>" class="text-decoration-none flex gap-1 justify-center items-center text-primary">
                <% if (item.icon) { %>                <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
<% } %>
                <%= item.label %>
              </a>
            <% } else { %>
              <% if (item.icon) { %><iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon> <% } %>
              <%= item.label %>
            <% } %>
          </li>
        <% }) %>
      </ol>
    </nav>
    <% } %>
    




 