{% load css_tags %}{% block_css 'enap_designsystem/blocks/breadcrumbs.css' %}
{% extends "enap_designsystem/base.html" %}
{% load static %}
{% load wagtailcore_tags wagtailimages_tags %}
{% load wagtailcore_tags %}
<ul class="breadcrumb {% if value.dark_theme %}dark-breadcrumb{% endif %}">
    <li>
        <a class="link-breadcrumbs {% if value.dark_theme %}white{% endif %}" href="/">
            <i style="{% if value.dark_theme %}color: #30BFBC;{% else %}color: #007D7A;{% endif %} font-size: 14px; margin-right: 10px;" class="fa-solid fa-house"></i>
        </a>
    </li>
    
    {% if page %}
        {% for ancestor in page.get_ancestors %}
            {% if not ancestor.is_root %}
                <li>
                    <i class="fa-solid fa-chevron-right" style="{% if value.dark_theme %}color: #30BFBC;{% else %}color: #007D7A;{% endif %} font-size: 14px; margin: 0 5px;"></i>
                    <a class="link-breadcrumbs {% if value.dark_theme %}white{% endif %}" href="{% pageurl ancestor %}">
                        {{ ancestor.title }}
                    </a>
                </li>
            {% endif %}
        {% endfor %}
        
        <li>
            <i class="fa-solid fa-chevron-right" style="{% if value.dark_theme %}color: #30BFBC;{% else %}color: #007D7A;{% endif %} font-size: 14px; margin: 0 5px;"></i>
            <span class="text-local-breadcrumbs {% if value.dark_theme %}white{% endif %}">{{ page.title }}</span>
        </li>
    {% endif %}
</ul>