{% load static %}
{% block status_pages_sidebar %}

    <div class="col-md-2 col-lg-2 px-4 pt-3 pb-5 white-bg fixed-left sticky-top tc-height-100-vh">
        {% if not is_new %}
            <div class="dropdown mb-3">
                <button id="btnStsPgsDropdown" class="btn btn-light text-truncate tc-rounded size-12 bold-600 text-start tc-height-40 w-100" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="feather-20 healthy-avatar-no-fill rounded" data-feather="bar-chart-2"></span><span id="spnStsPgsDropdownCurr" class="px-2 size-13"></span>
                </button>
                <div id="divStsPgsDropdown" class="dropdown-menu justify-content-start w-100" aria-labelledby="btnStsPgsDropdown"></div>
            </div>
        {% endif %}

        <ul class="no-decoration px-2">
            {% if not is_new %}
                <li class="resource-item py-1"> <button id="btnStsNavIncidents" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration sts-pg-nav-item"> {{ ttl_incidents }} </button> </li>
            {% endif %}

            <li class="resource-item py-1">
                <button id="btnStsNavPage" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration sts-pg-nav-item"> {{ ttl_your_page }} </button>
                <div>
                    <ul class="no-decoration px-2 py-1">
                        <li class="resource-item py-1"> <button id="btnStsNavPageBusSrv" class="btn btn-link px-0 text-start grey-text size-13 no-decoration sts-pg-nav-item"> {{ ttl_business_services }} </button> </li>
                        <li class="resource-item py-1"> <button id="btnStsNavPageDesign" class="btn btn-link px-0 text-start grey-text size-13 no-decoration sts-pg-nav-item"> {{ ttl_design }} </button> </li>
                        <li class="resource-item py-1"> <button id="btnStsNavPageInfo" class="btn btn-link px-0 text-start grey-text size-13 no-decoration sts-pg-nav-item"> {{ ttl_page_info }} </button> </li>
                        <li class="resource-item py-1"> <button id="btnStsNavPagePermissions" class="btn btn-link px-0 text-start grey-text size-13 no-decoration sts-pg-nav-item"> {{ ttl_permissions }} </button> </li>
                    </ul>
                </div>
            </li>

            {% if not is_new %}
                <li class="resource-item py-1"> <button id="btnStsNavSubscribers" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration sts-pg-nav-item"> {{ ttl_subscribers }} </button> </li>
                <li class="resource-item py-1"> <button id="btnStsNavTemplates" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration sts-pg-nav-item"> {{ ttl_templates }} </button> </li>
            {% endif %}
        </ul>


        {% if not is_new %}
            <div class="border-top py-4">
                <ul class="no-decoration px-2">
                    <li class="resource-item py-1">
                        <button id="btnStsNavPreviewPage" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration"> {{ ttl_preview_page }} </button>
                    </li>
                    <li class="resource-item py-1">
                        <button id="btnStsNavLivePage" class="btn btn-link px-0 text-start grey-text size-13 bold-600 no-decoration"> {{ ttl_view_live_page }} </button>
                    </li>
                </ul>
            </div>
        {% endif %}
    </div>

{% endblock %}