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

<!-- Head -->
{% block meta_tags %}
{% meta_tags %}
{% endblock meta_tags %}

{% block style %}

<style>
    .progress-bar {
        background-color: #2196f3;
        height: 5px;
        width: 0%;
    }
</style>
{% endblock style %}
<!-- Head // -->

<!-- Body -->
{% block sticky %}
<div class="progress-bar" id="progressBar"></div>
{% endblock sticky %}

{% 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 %}
    <div class="container mx-auto">


        <p class="text-[16px] text-left 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>

            <span class="opacity-70">
                {% if page.menuName %}
                {{page.menuName}}
                {% else %}
                {{page.title}}
                {% endif %}
            </span>
        </p>
    </div>


</section>
{% endblock breadcrumb %}


{% block content %}

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


{% block script %}


{% endblock script %}