[backendLink]

[sitePicker]
==
{% set activeNavLink = activeNavLink|default(this.page.id) %}

<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'home' ? 'active' }}" href="{{ 'home'|page }}">Home</a>
</li>
<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'plant' ? 'active' }}" href="{{ 'plant'|page }}">Plant</a>
</li>
<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'wiki' ? 'active' }}" href="#">Performance</a>
</li>
<li class="nav-item has-submenu">
    <a class="nav-link {{ activeNavLink == 'about' ? 'active' }}" href="#">ESG</a>
    <ul class="sub-menu">
        <li class="nav-item has-sub-submenu"><a class="nav-link" href="#">Employee Welfare</a>
            <ul class="sub-sub-menu">
                <li class="nav-item"><a class="nav-link" href="#">Climate Change Mitigation</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Water Conservation</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Emission Management</a></li>
                <li class="nav-item"><a class="nav-link" href="#"> Biodiversity </a></li>
                <li class="nav-item"><a class="nav-link" href="#">Solid Waste Management</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Bio & E Waste</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Environmental Policy</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Environmental Awareness</a></li>
            </ul>
        </li>
        <li class="nav-item has-sub-submenu"><a class="nav-link" href="#">Occupational Health & Safety</a>
            <ul class="sub-sub-menu">
                <li class="nav-item"><a class="nav-link" href="#">Safety Practices</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Occupational Health</a></li>
            </ul>
        </li>
        <li class="nav-item"><a class="nav-link" href="#"> Employee Welfare </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Learning & Development </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Asset Management </a></li>
    </ul>
</li>
<li class="nav-item has-submenu">
    <a class="nav-link {{ activeNavLink == 'wiki' ? 'active' }}" href="#">CSR</a>
    <ul class="sub-menu">
        <li class="nav-item"><a class="nav-link" href="#"> Self Help Group - CSR Initiative </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Education </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Skill Development </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Health and Sanitation Program </a></li>
    </ul>
</li>
<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'wiki' ? 'active' }}" href="#">Board Of Directors  </a>
</li>
<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'wiki' ? 'active' }}" href="#"> Awards and Accolades </a>
</li>
<li class="nav-item has-submenu">
    <a class="nav-link {{ activeNavLink == 'wiki' ? 'active' }}" href="#">Corporate Information</a>
    <ul class="sub-menu">
        <li class="nav-item"><a class="nav-link" href="#"> EC Compliance Report </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Ash Stock Report </a></li>
        <li class="nav-item has-sub-submenu"><a class="nav-link" href="#">Tariff</a>
            <ul class="sub-sub-menu">
                <li class="nav-item"><a class="nav-link" href="#"> Tariff Notification </a></li>
                <li class="nav-item"><a class="nav-link" href="#"> MFCA </a></li>
                <li class="nav-item"><a class="nav-link" href="#">APR Application for 2018-19 for 400 KV evacuation system</a></li>
                <li class="nav-item"><a class="nav-link" href="#"> APR Application for 2019-20 for 400 KV evacuation system </a></li>
                <li class="nav-item"><a class="nav-link" href="#"> APR Application for 2017-18 for 400 KV evacuation system </a></li>
            </ul>
        </li>
        <li class="nav-item"><a class="nav-link" href="#"> Daily Schedule </a></li>
        <li class="nav-item"><a class="nav-link" href="#"> Biomedical Waste Report </a></li>
    </ul>
</li>
<li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'contact' ? 'active' }}" href="#">Contact </a>
</li>
{# <li class="nav-item">
    <a class="nav-link {{ activeNavLink == 'components' ? 'active' }}" href="{{ 'components'|page }}">Components Demo</a>
</li> #}
{% if sitePicker.isEnabled %}
    {# <li class="nav-item dropdown">
        <a class="btn btn-outline-light dropdown-toggle" href="{{ this|page }}" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            {{ this.site.name|default('Sites') }}
        </a>
        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
            {% for site in sitePicker.sites %}
                <li><a class="dropdown-item {{ this.site.code == site.code ? 'active' }}" href="{{ site.url }}">{{ site.name }}</a></li>
            {% endfor %}
            {% if backendUrl %}
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="{{ backendUrl }}">Backend Area</a></li>
            {% endif %}
        </ul>
    </li> #}
{% elseif backendUrl %}
    {# <li class="nav-item">
        <a class="btn btn-outline-light" href="{{ backendUrl }}" target="backend">Backend Area</a>
    </li> #}
{% endif %}