{% extends 'base.html' %}
{% load cms_tags %}
{% load wagtailmetadata_tags %}

<!-- Head -->


{% block meta_tags %}
{% meta_tags %}

{% endblock meta_tags %}

{% block style %}

{% endblock style %}
<!-- Head // -->

<!-- Body -->

{% block breadcrumb %}
<section>
    {% if page.bannercontent %}

    {% include 'components/common/carousel.html' with width=page.bannerWidth height=page.bannerHeight
    timer=page.bannerTimer content=page.bannercontent %}

    {% endif %}


    <span class="py-1 px-2 md:ml-10 text-[14px] text-left flex">
        <div class="font-bold flex gap-2">

            <a href="/" aria-label="Home">
                <i class='bx bxs-home'></i>
            </a>
            <span>
                /
            </span>

            <a href="{{page.get_parent.url}}" aria-label="Home" class="hidden md:block">
                {{page.get_parent.title}}
                <span>
                    / &nbsp;
                </span>
            </a>
        </div>
        <span class="opacity-70 pl-2 md:pl-0">
            {% if page.menuName %}
            {{page.menuName}}
            {% else %}
            {{page.title}}
            {% endif %}
        </span>
    </span>


</section>
{% endblock breadcrumb %}


{% block content %}

{% endblock content %}
<!-- Body //-->




{% block script %}

{% endblock script %}