<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>{% block title %}Income Tax Utilities{% endblock %}</title>

    <!-- Shared CSS -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">

    <!-- Extra CSS for child pages -->
    {% block extra_css %}{% endblock %}
</head>

<body>
    <!-- NAVBAR -->
    <div class="navbar">
        <div class="nav-left">
            <span class="toggle-btn" onclick="toggleSidebar()">☰</span>
            <img src="{{ url_for('static', filename='images/lcepllogo.png') }}" class="nav-logo" alt="Logo" />
            <h3>LAXMI CIVIL ENGINEERING SERVICES PVT. LTD.</h3>
        </div>
    </div>

    <!-- SIDEBAR -->
    <div class="sidebar hide" id="sidebar">
        <a href="{{ url_for('index') }}"><h2>Dashboard</h2></a>

        <div class="menu-btn" onclick="toggleMenu('itrMenu')">ITR ▼</div>
        <div class="submenu" id="itrMenu">
            <a href="{{ url_for('add_itr') }}">➕ Add ITR</a>
            <a href="{{ url_for('display_itr') }}">🧾 ITR Records</a>
        </div>

        <div class="menu-btn" onclick="toggleMenu('aoMenu')">AO ▼</div>
        <div class="submenu" id="aoMenu">
            <a href="{{ url_for('add_ao') }}">➕ Add AO</a>
            <a href="{{ url_for('display_ao') }}">🧾 AO Records</a>
        </div>

        <div class="menu-btn" onclick="toggleMenu('citMenu')">CIT ▼</div>
        <div class="submenu" id="citMenu">
            <a href="{{ url_for('add_cit') }}">➕ Add CIT</a>
            <a href="{{ url_for('display_cit') }}">🧾 CIT Records</a>
        </div>

        <div class="menu-btn" onclick="toggleMenu('itatMenu')">ITAT ▼</div>
        <div class="submenu" id="itatMenu">
            <a href="{{ url_for('add_itat') }}">➕ Add ITAT</a>
            <a href="{{ url_for('display_itat') }}">🧾 ITAT Records</a>
        </div>

        <div class="menu-btn" onclick="toggleMenu('docMenu')">Documents & Reports ▼</div>
        <div class="submenu" id="docMenu">
            <a href="{{ url_for('upload_file') }}">📂 Upload</a>
            <a href="{{ url_for('view_documents') }}">📄 Documents</a>
            <a href="{{ url_for('reports') }}">📊 Reports</a>
            <a href="{{ url_for('summary_report') }}">📝 Summary Report</a>
        </div>

        <!-- Logout at bottom -->
        <a href="{{ url_for('auth.logout') }}" class="sidebar-logout">
            <img src="{{ url_for('static', filename='images/logout_icon.png') }}" class="logout-icon" alt="Logout" />
        </a>
    </div>

    <!-- MAIN CONTENT -->
    <div class="main" id="main">
        {% block content %}{% endblock %}
    </div>

    <!-- Shared JS -->
    <script src="{{ url_for('static', filename='js/toggle.js') }}"></script>

    <!-- Extra JS for child pages -->
    {% block extra_js %}{% endblock %}
</body>
</html>
