{# templates/sidebar.html #}
{% load static %}
{% load custom_filters %}

<style>
.collapsing {
  transition: none !important;
  overflow: visible !important;
}

</style>



<div class="sidebar">
    <ul class="navbar-vertical-content scrollbar">

        <!-- Dashboard -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'DASHBOARD' %}active{% endif %}" href="{% url 'dashboard' %}">
                <i class="bi bi-speedometer2"></i> Dashboard
            </a>
        </li>

        <!-- User -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'USER' %}active{% endif %}" href="{% url 'user_list' %}">
                <i class="bi bi-person"></i> User
            </a>
        </li>

        <!-- Company -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'COMPANY' %}active{% endif %}" href="{% url 'company_list' %}">
                <i class="bi bi-building"></i> Company
            </a>
        </li>

        <!-- Client -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'CLIENT' %}active{% endif %}" href="{% url 'client_list' %}">
                <i class="bi bi-building"></i> Client
            </a>
        </li>

        <!-- Client Log -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'CLIENT_LOG' %}active{% endif %}" href="{% url 'client_log' %}">
                <i class="bi bi-diagram-3"></i> Client Log
            </a>
        </li>

        <!-- Reports (Vertical Group) -->
        <li class="nav-item">
            <span class="nav-link disabled">
                <i class="bi bi-file-earmark-text"></i> Reports
            </span>
            <ul class="nav flex-column ms-4">
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_VISA_EXPIRY' %}active{% endif %}" href="{% url 'visa_expiry' %}">
                        Visa Expiry
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_PASSPORT_EXPIRY' %}active{% endif %}" href="{% url 'passports_expiry_report' %}">
                        Passport Expiry
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_TRAVEL_INSURANCE_EXPIRY' %}active{% endif %}" href="{% url 'report_travel_insurance_expiry' %}">
                        Travel Insurance Expiry
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_BIRTH' %}active{% endif %}" href="{% url 'report_birth' %}">
                        Birthday Report
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_ANNIVERSARY' %}active{% endif %}" href="{% url 'report_anniversary' %}">
                        Anniversary Report
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'REPORT_CLIENT' %}active{% endif %}" href="{% url 'report_client' %}">
                        Client Report
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>







<!--<div class="sidebar">
    <ul class="navbar-vertical-content scrollbar">
    <li class="nav-item">
        <a class="nav-link {% if menuaction == 'DASHBOARD' %}active{% endif %}" href="{% url 'dashboard' %}">
        <span class="nav-link-icon"><span class="fas fa-chart-pie"></span></span>
        <span class="nav-link-text ps-1 menu-text">Home</span>
        </a>
    </li>

    {% if 'COMPANY' in assigned_menu %}
    <li class="nav-item">
        <a class="nav-link {% if menuaction == 'COMPANY' %}active{% endif %}" href="{% url 'company_list' %}">
        <span class="nav-link-icon"><span class="far fa-building"></span></span>
        <span class="nav-link-text ps-1 menu-text">Company</span>
        </a>
    </li>
    {% endif %}

    {% if 'CLIENT' in assigned_menu %}
    <li class="nav-item">
        <a class="nav-link {% if menuaction == 'CLIENT' %}active{% endif %}" href="{% url 'client_list' %}">
        <span class="nav-link-icon"><span class="fas fa-users"></span></span>
        <span class="nav-link-text ps-1 menu-text">Clients</span>
        </a>
    </li>
    {% endif %}

    {% if 'USER' in assigned_menu %}
    <li class="nav-item">
        <a class="nav-link {% if menuaction == 'USER' %}active{% endif %}" href="{% url 'user_list' %}">
        <span class="nav-link-icon"><i class="far fa-user"></i></span>
        <span class="nav-link-text ps-1 menu-text">Users</span>
        </a>
    </li>
    {% endif %}

    {% if 'CLIENT_LOG' in assigned_menu %}
    <li class="nav-item">
        <a class="nav-link {% if menuaction == 'CLIENT_LOG' %}active{% endif %}" href="{% url 'client_log' %}">
        <span class="nav-link-icon"><i class="fas fa-code-branch"></i></span>
        <span class="nav-link-text ps-1 menu-text">Client Log</span>
        </a>
    </li>
    {% endif %}

    {% if has_report_rights %}
        {# show "Reports" group ... #}
    {% endif %}
    </ul>

    
    {% with sub_reports="REPORT_VISA_EXPIRY,REPORT_PASSPORT_EXPIRY,REPORT_TRAVEL_INSURANCE_EXPIRY,REPORT_BIRTH,REPORT_ANNIVERSARY,REPORT_CLIENT" %}
        {% for report in sub_reports|split:"," %}
            {% if report in assigned_menu %}
                {% with 1 as has_report_rights %}
                    {% comment %} {% break %} {% endcomment %}
                {% endwith %}
            {% endif %}
        {% endfor %}
    {% endwith %}

    {% if has_report_rights %}
    <li class="sidebar-item submenu_li">
        <a class="sidebar-link {% if is_expand %}active{% endif %}" href="#"
        data-bs-toggle="collapse"
        data-bs-target="#reportsMenu"
        aria-expanded="{{ is_expand|yesno:'true,false' }}"
        aria-controls="reportsMenu">
            <div class="d-flex align-items-center">
                <span class="nav-link-icon"><span class="fas fa-file-alt"></span></span>
                <span class="menu-text nav-link-text ps-1">Reports</span>
            </div>
        </a>
        <ul id="reportsMenu"
            class="sidebar-dropdown list-unstyled collapse {% if is_expand %}show{% endif %}"
            data-bs-parent="#sidebar">

            {% if 'REPORT_VISA_EXPIRY' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_VISA_EXPIRY' %}active{% endif %}" href="{% url 'visa_expiry' %}">Visa Expiry</a>
            </li>
            {% endif %}

            {% if 'REPORT_PASSPORT_EXPIRY' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_PASSPORT_EXPIRY' %}active{% endif %}"
                href="{% url 'passports_expiry_report' %}">Passport Expiry</a>
            </li>
            {% endif %}

            {% if 'REPORT_TRAVEL_INSURANCE_EXPIRY' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_TRAVEL_INSURANCE_EXPIRY' %}active{% endif %}"
                href="{% url 'report_travel_insurance_expiry' %}">Travel Insurance Expiry</a>
            </li>
            {% endif %}

            {% if 'REPORT_BIRTH' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_BIRTH' %}active{% endif %}"
                href="{% url 'report_birth' %}">Birthday Report</a>
            </li>
            {% endif %}

            {% if 'REPORT_ANNIVERSARY' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_ANNIVERSARY' %}active{% endif %}"
                href="{% url 'report_anniversary' %}">Anniversary Report</a>
            </li>
            {% endif %}

            {% if 'REPORT_CLIENT' in assigned_menu %}
            <li class="nav-item ps-3">
                <a class="nav-link {% if menuaction == 'REPORT_CLIENT' %}active{% endif %}"
                href="{% url 'report_client' %}">Client Report</a>
            </li>
            {% endif %}
        </ul>
    </li>
    {% endif %}
</div>-->



{% comment %} {% load static %}
{% load custom_filters %}

<div class="sidebar">
    <ul class="navbar-vertical-content scrollbar">

        <!-- Dashboard -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'DASHBOARD' %}active{% endif %}" href="{% url 'dashboard' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="fas fa-chart-pie"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Home</span>
                </div>
            </a>
        </li>

        <!-- Company -->
        {% if 'COMPANY' in assigned_menu %}
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'COMPANY' %}active{% endif %}" href="{% url 'company_list' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="far fa-building"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Company</span>
                </div>
            </a>
        </li>
        {% endif %}

        <!-- Clients -->
        {% if 'CLIENT' in assigned_menu %}
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'CLIENT' %}active{% endif %}" href="{% url 'client_list' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="fas fa-users"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Clients</span>
                </div>
            </a>
        </li>
        {% endif %}

        <!-- Admin Menus -->
        {% if is_default == 1 %}
            {% if 'USER' in assigned_menu %}
            <li class="nav-item">
                <a class="nav-link {% if menuaction == 'USER' %}active{% endif %}" href="{% url 'user_list' %}">
                    <div class="d-flex align-items-center">
                        <span class="nav-link-icon"><i class="fas fa-user-shield"></i></span>
                        <!--<span class="nav-link-icon"><i class="far fa-user"></i></span>-->
                        <span class="nav-link-text ps-1 menu-text">Users</span>
                    </div>
                </a>
            </li>
            {% endif %}

            {% if 'CLIENT_LOG' in assigned_menu %}
            <li class="nav-item">
                <a class="nav-link {% if menuaction == 'CLIENT_LOG' %}active{% endif %}" href="{% url 'client_log_list' %}">
                    <div class="d-flex align-items-center">
                        <span class="nav-link-icon"><span class="fas fa-code-branch"></span></span>
                        <span class="nav-link-text ps-1 menu-text">Client Log</span>
                    </div>
                </a>
            </li>
            {% endif %}
        {% endif %} {% endcomment %}

        {% comment %} <!-- Reports -->
        {% with sub_reports="REPORT_VISA_EXPIRY,REPORT_PASSPORT_EXPIRY,REPORT_TRAVEL_INSURANCE_EXPIRY,REPORT_BIRTH,REPORT_ANNIVERSARY,REPORT_CLIENT" %}
            {% for report in sub_reports|split:"," %}
                {% if report in assigned_menu %}
                    {% if not has_report_rights %}
                        {% with True as has_report_rights %}{% endwith %}
                    {% endif %}
                {% endif %}
            {% endfor %}
        {% endwith %}

        {% if has_report_rights %}
        <li class="sidebar-item submenu_li">
            <a class="sidebar-link {% if is_expand %}active{% endif %}" href="#"
               data-bs-toggle="collapse"
               data-bs-target="#reportsMenu"
               aria-expanded="{{ is_expand|yesno:'true,false' }}"
               aria-controls="reportsMenu">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="fas fa-file-alt"></span></span>
                    <span class="menu-text nav-link-text ps-1">Reports</span>
                </div>
            </a>
            <ul id="reportsMenu"
                class="sidebar-dropdown list-unstyled collapse {% if is_expand %}show{% endif %}"
                data-bs-parent="#sidebar">
                {% if 'REPORT_VISA_EXPIRY' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_VISA_EXPIRY' %}active{% endif %}" href="{% url 'report_visa_expiry' %}">Visa Expiry</a></li>
                {% endif %}
                {% if 'REPORT_PASSPORT_EXPIRY' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_PASSPORT_EXPIRY' %}active{% endif %}" href="{% url 'report_passport_expiry' %}">Passport Expiry</a></li>
                {% endif %}
                {% if 'REPORT_TRAVEL_INSURANCE_EXPIRY' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_TRAVEL_INSURANCE_EXPIRY' %}active{% endif %}" href="{% url 'report_travel_insurance_expiry' %}">Travel Insurance Expiry</a></li>
                {% endif %}
                {% if 'REPORT_BIRTH' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_BIRTH' %}active{% endif %}" href="{% url 'report_birth' %}">Birthday Report</a></li>
                {% endif %}
                {% if 'REPORT_ANNIVERSARY' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_ANNIVERSARY' %}active{% endif %}" href="{% url 'report_anniversary' %}">Anniversary Report</a></li>
                {% endif %}
                {% if 'REPORT_CLIENT' in assigned_menu %}
                <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_CLIENT' %}active{% endif %}" href="{% url 'report_client' %}">Client Report</a></li>
                {% endif %}
            </ul>
        </li>
        {% endif %}
    </ul>
</div> {% endcomment %}



{% comment %} <!-- DEBUG: assigned_menu = {{ assigned_menu }} -->
{% load static %}
{% load custom_filters %}

<!-- Sidebar -->
<div class="sidebar">
    <ul class="navbar-vertical-content scrollbar">
        
        <!-- Dashboard -->
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'DASHBOARD' %}active{% endif %}" href="{% url 'dashboard' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="fas fa-chart-pie"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Home</span>
                </div>
            </a>
        </li>

        <!-- Company -->
        {% if 'COMPANY' in assigned_menu %}
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'COMPANY' %}active{% endif %}" href="{% url 'company_list' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="far fa-building"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Company</span>
                </div>
            </a>
        </li>
        {% endif %}

        <!-- Clients -->
        {% if 'CLIENT' in assigned_menu %}
        <li class="nav-item">
            <a class="nav-link {% if menuaction == 'CLIENT' %}active{% endif %}" href="{% url 'client_list' %}">
                <div class="d-flex align-items-center">
                    <span class="nav-link-icon"><span class="fas fa-users"></span></span>
                    <span class="nav-link-text ps-1 menu-text">Clients</span>
                </div>
            </a>
        </li>
        {% endif %}

        <!-- Admin Menus -->
        {% if is_default == 1 %}

            {% if 'USER' in assigned_menu %}
            <li class="nav-item">
                <a class="nav-link {% if menuaction == 'USER' %}active{% endif %}" href="{% url 'user_list' %}">
                    <div class="d-flex align-items-center">
                        <span class="nav-link-icon"><i class="fas fa-user-shield"></i></span>
                        <span class="nav-link-text ps-1 menu-text">Users</span>
                    </div>
                </a>
            </li>
            {% endif %}

            {% if 'CLIENT_LOG' in assigned_menu %}
                <li class="nav-item">
                    <a class="nav-link {% if menuaction == 'CLIENT_LOG' %}active{% endif %}" href="{% url 'client_log_list' %}">
                        <div class="d-flex align-items-center">
                            <span class="nav-link-icon"><span class="fas fa-code-branch"></span></span>
                            <span class="nav-link-text ps-1 menu-text">Client Log</span>
                        </div>
                    </a>
                </li>
            {% endif %}

        {% endif %}

        <!-- Reports -->
        {% with sub_reports="REPORT_VISA_EXPIRY,REPORT_PASSPORT_EXPIRY,REPORT_TRAVEL_INSURANCE_EXPIRY,REPORT_BIRTH,REPORT_ANNIVERSARY,REPORT_CLIENT" %}
            {% for report in sub_reports|split:"," %}
                {% if report in assigned_menu %}
                    {% if not has_report_rights %}{% with True as has_report_rights %}{% endwith %}{% endif %}
                {% endif %}
            {% endfor %}
        {% endwith %}

        {% if has_report_rights %}
            <li class="sidebar-item submenu_li">
                <a class="sidebar-link {% if is_expand %}active{% endif %}" href="#" data-bs-toggle="collapse" data-bs-target="#pages" aria-expanded="{{ is_expand|yesno:'true,false' }}" aria-controls="pages">
                    <div class="d-flex align-items-center">
                        <span class="nav-link-icon"><span class="fas fa-file-alt"></span></span>
                        <span class="menu-text nav-link-text ps-1">Reports</span>
                    </div>
                </a>
                <ul id="pages" class="sidebar-dropdown list-unstyled collapse {% if is_expand %}show{% endif %}" data-bs-parent="#sidebar">
                    {% if 'REPORT_VISA_EXPIRY' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_VISA_EXPIRY' %}active{% endif %}" href="{% url 'report_visa_expiry' %}">Visa Expiry</a></li>
                    {% endif %}
                    {% if 'REPORT_PASSPORT_EXPIRY' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_PASSPORT_EXPIRY' %}active{% endif %}" href="{% url 'report_passport_expiry' %}">Passport Expiry</a></li>
                    {% endif %}
                    {% if 'REPORT_TRAVEL_INSURANCE_EXPIRY' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_TRAVEL_INSURANCE_EXPIRY' %}active{% endif %}" href="{% url 'report_travel_insurance_expiry' %}">Travel Insurance Expiry</a></li>
                    {% endif %}
                    {% if 'REPORT_BIRTH' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_BIRTH' %}active{% endif %}" href="{% url 'report_birth' %}">Birthday Report</a></li>
                    {% endif %}
                    {% if 'REPORT_ANNIVERSARY' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_ANNIVERSARY' %}active{% endif %}" href="{% url 'report_anniversary' %}">Anniversary Report</a></li>
                    {% endif %}
                    {% if 'REPORT_CLIENT' in assigned_menu %}
                    <li class="nav-item ps-3"><a class="nav-link {% if menuaction == 'REPORT_CLIENT' %}active{% endif %}" href="{% url 'report_client' %}">Client Report</a></li>
                    {% endif %}
                </ul>
            </li>
        {% endif %}
    </ul>
</div> {% endcomment %}