<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rank Master | Anju Micro Selfhelp Association</title>
  <!-- Bootstrap 5 CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Bootstrap Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <!-- Professional Top Navigation Bar -->
  <div class="top-nav">
    <div class="nav-container">
      <div class="logo-area">
        <div class="logo-icon">
          <i class="bi bi-bank2"></i>
        </div>
        <div class="logo-text">
          ANJU MICRO SELFHELP ASSOCIATION
          <small>Est. 2015</small>
        </div>
      </div>

      <ul class="nav-menu">

        <li style="position: relative;">
          <a href="#" id="masterBtn">Master</a>
          <div class="master-dropdown-menu">
            <a href="#" onclick="event.preventDefault(); showCompanyProfile();"><i class="bi bi-building"></i> Company Profile</a>
            <a href="#" onclick="event.preventDefault(); showStateMaster();"><i class="bi bi-map"></i> State Master</a>
            <!--<a href="#"><i class="bi bi-pin-map-fill"></i> Region Master</a>-->
            <a href="#" onclick="event.preventDefault(); showZoneMaster();"><i class="bi bi-pin-map-fill"></i> Zone Master</a>
            <a href="#" onclick="event.preventDefault(); showBranchMaster();"><i class="bi bi-diagram-3"></i> Branch Master</a>
            <a href="#" onclick="event.preventDefault(); showRankMaster();"><i class="bi bi-star"></i> Rank Master</a>
            <a href="#" onclick="event.preventDefault(); showRelationMaster();"><i class="bi bi-person-lines-fill"></i> Relation Master</a>
            <a href="#" onclick="event.preventDefault(); showAccountsCode();"><i class="bi bi-sort-numeric-down"></i> Accounts Code Sequence</a>
            <a href="#" onclick="event.preventDefault(); showBiometricScanner();"><i class="bi bi-fingerprint"></i> Biometric Scanner</a>
            <a href="#" onclick="event.preventDefault(); showGlobalConfig();"><i class="bi bi-gear-wide-connected"></i> Global Configuration</a>
            <a href="#" onclick="event.preventDefault(); showUserMaster();"><i class="bi bi-shield-lock"></i> User Master</a>
            <a href="#" class="exit-item"><i class="bi bi-box-arrow-right"></i> Exit</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="loanPrepBtn">Loan Preparation</a>
          <!-- Loan Preparation Dropdown Menu - Place this inside your <li> or dropdown container for "Loan Preparation" -->
          <div class="loanprep-dropdown-menu">
            <a href="#" onclick="event.preventDefault(); showAreaSurvey();"><i class="bi bi-map"></i> Zone/Area Survey</a>
            <a href="#" onclick="event.preventDefault(); showCenterMaster();"><i class="bi bi-diagram-3"></i> Center Master</a>
            <a href="#" onclick="event.preventDefault(); showLeadGeneration();"><i class="bi bi-person-plus"></i> Lead Generation</a>
            <a href="#" onclick="event.preventDefault(); showCGTManagement();"><i class="bi bi-calendar-check"></i> CGT</a>
            <a href="#" onclick="event.preventDefault(); showGRTManagement();"><i class="bi bi-calendar-week"></i> GRT</a>
            <a href="#" onclick="event.preventDefault(); showGroupMaster();"><i class="bi bi-people-fill"></i> Group Master</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="memberBtn">Member</a>
          <!-- Member Dropdown Menu - Place this inside your <li> or dropdown container for "Member" -->
          <div class="member-dropdown-menu">
            <a href="#" onclick="event.preventDefault(); showMemberEntry();"><i class="bi bi-person-plus"></i> New Member</a>
            <a href="#" onclick="event.preventDefault(); showDocApproval();"><i class="bi bi-file-check-fill"></i> Member Document Verification</a>
            <a href="#" onclick="event.preventDefault(); showCreditScore();"><i class="bi bi-graph-up"></i> CIBIL Score Check</a>
            <a href="#" onclick="event.preventDefault(); showCkycGenerate();"><i class="bi bi-shield-check"></i> CKYC Generation</a>
            <a href="#" onclick="event.preventDefault(); showMemberLoan();"><i class="bi bi-person-vcard"></i> Member Synopsis</a>
            <a href="#"><i class="bi bi-toggle-on"></i> Active / InActive Member</a>
            <a href="#" onclick="event.preventDefault(); showMemberDetailsReport();"><i class="bi bi-file-text-fill"></i> Member Details Report</a>
            <a href="#" onclick="event.preventDefault(); showMemberSearch();"><i class="bi bi-search"></i> Search Member</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="collectorBtn">Collector</a>
          <!-- Collector Dropdown Menu - Place this inside your <li> or dropdown container for "Collector" -->
          <div class="collector-dropdown-menu">
            <a href="#" onclick="event.preventDefault(); showCollectorEntry();"><i class="bi bi-person-badge"></i> Collector Entry</a>
            <a href="#"><i class="bi bi-link"></i> Collector Chain</a>
            <a href="#" onclick="event.preventDefault(); showAssociateDownline();"><i class="bi bi-diagram-3"></i> Collector Downline</a>
            <a href="#"><i class="bi bi-credit-card"></i> I-Card Printing</a>
            <a href="#" onclick="event.preventDefault(); showAgentPromotion();"><i class="bi bi-arrow-up-circle"></i> Agent Promotion</a>
            <a href="#" onclick="event.preventDefault(); showAssociateBlock();"><i class="bi bi-lock"></i> Collector Block/Unblock</a>
            <a href="#" onclick="event.preventDefault(); showCollectorSearch();"><i class="bi bi-search"></i> Search Collector</a>
            <a href="#" onclick="event.preventDefault(); showAppointmentLetter();"><i class="bi bi-envelope-paper"></i> Appointment Letter</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="loanSectionBtn">Loan Section</a>
          <!-- Loan Section Dropdown Menu - Place this inside your <li> or dropdown container for "Loan Section" -->
          <div class="loansection-dropdown-menu">
            <a href="#" onclick="event.preventDefault(); showLoanTables();"><i class="bi bi-table"></i> Loan Master</a>
            <a href="#" onclick="event.preventDefault(); showVendorMaster();"><i class="bi bi-building"></i> Product Master</a>
            <a href="#" onclick="event.preventDefault(); showLoanEntryMember();"><i class="bi bi-file-text"></i> Loan Requisition</a>
            <a href="#" onclick="event.preventDefault(); showProductLoanEntry();"><i class="bi bi-file-text"></i> Product Loan Requisition</a>
            <a href="#" onclick="event.preventDefault(); showProductLoanEntry();"><i class="bi bi-file-text"></i> Product Loan Entry</a>
            <a href="#" onclick="event.preventDefault(); showGroupCashLoan();"><i class="bi bi-people-fill"></i> Group Loan Requisition</a>
            <a href="#"><i class="bi bi-check-circle"></i> Loan Approval</a>
            <a href="#"><i class="bi bi-check2-square"></i> Product Loan Approval</a>
            <a href="#"><i class="bi bi-check2-all"></i> Group Loan Approval</a>
            <a href="#"><i class="bi bi-credit-card"></i> Loan Payment</a>
            <a href="#"><i class="bi bi-credit-card-2-front"></i> Product Loan Payment</a>
            <a href="#" onclick="event.preventDefault(); showLoanPaymentGroup();"><i class="bi bi-credit-card"></i> Group Loan Payment</a>
            <a href="#" onclick="event.preventDefault(); showPaymentScheduler();"><i class="bi bi-calendar-check"></i> Collection Scheduler</a>
            <a href="#" onclick="event.preventDefault(); showCollectionSheetPrint();"><i class="bi bi-printer"></i> Collection Sheet Print</a>
            <a href="#" onclick="event.preventDefault(); showLoanPartPayment();"><i class="bi bi-credit-card"></i> Loan Part Payment</a>
            <a href="#" onclick="event.preventDefault(); showLoanPaymentModule();"><i class="bi bi-credit-card"></i> Loan Re-Payment (Single)</a>
            <a href="#" onclick="event.preventDefault(); showRepaymentSettings();"><i class="bi bi-arrow-repeat"></i> Loan Re-Payment (Group)</a>
            <a href="#"><i class="bi bi-sliders"></i> Loan Re-Payment (Non EMI)</a>
            <a href="#" onclick="event.preventDefault(); showLoanPreCloser();"><i class="bi bi-search"></i> Loan Pre Closer</a>
            <a href="#" onclick="event.preventDefault(); showLoanDocumentPrint();"><i class="bi bi-printer"></i> Loan Document Print</a>
            <a href="#" onclick="event.preventDefault(); showLoanCalculator();"><i class="bi bi-calculator-fill"></i> Loan Calculator</a>
            <a href="#" onclick="event.preventDefault(); showLoanDocumentModule();"><i class="bi bi-file-text-fill"></i> Loan NOC Print</a>
            <a href="#" onclick="event.preventDefault(); showLoanEmiDaywiseReport();"><i class="bi bi-calendar-day"></i> Daywise Report</a>
            <a href="#" onclick="event.preventDefault(); showLoanSearch();"><i class="bi bi-search"></i> Loan Search</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="modificationBtn">Modification</a>
          <!-- Modification Dropdown Menu - Place inside your <li> for "Modification" -->
          <div class="modification-dropdown-menu">
            <a href="#"><i class="bi bi-pencil"></i> Collector Modification</a>
            <a href="#"><i class="bi bi-pencil-square"></i> Member Modification</a>
            <a href="#"><i class="bi bi-file-earmark-text"></i> Loan Entry Modification</a>
            <a href="#"><i class="bi bi-box-seam"></i> Product Loan Modification</a>
            <a href="#"><i class="bi bi-check2-circle"></i> Cheque Clear Section</a>
            <a href="#"><i class="bi bi-arrow-left-right"></i> Collector Change</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="accountsBtn">Accounts</a>
          <!-- Accounts Dropdown Menu - Place inside your <li> for "Accounts" -->
          <div class="accounts-dropdown-menu">
            <a href="#"><i class="bi bi-calendar"></i> Financial Year Master</a>
            <a href="#"><i class="bi bi-folder"></i> Account Group Master</a>
            <a href="#"><i class="bi bi-book"></i> Account Ledger Master</a>
            <a href="#"><i class="bi bi-bank"></i> Bank Account Master</a>
            <a href="#"><i class="bi bi-cash-stack"></i> Monthly Voucher Payment</a>
            <a href="#"><i class="bi bi-receipt"></i> Payment Voucher Entry</a>
            <a href="#"><i class="bi bi-receipt-cutoff"></i> Receive Vouchers Entry</a>
            <a href="#"><i class="bi bi-journal"></i> Journal Vouchers Entry</a>
            <a href="#"><i class="bi bi-arrow-left-right"></i> Contra Voucher Entry</a>
            <a href="#"><i class="bi bi-bank2"></i> Bank Deposit Entry</a>
            <a href="#"><i class="bi bi-bank2"></i> Bank Withdrawal Entry</a>
            <a href="#"><i class="bi bi-cash"></i> Cash Book (RP Statement)</a>
            <a href="#"><i class="bi bi-calendar-day"></i> DayBook</a>
            <a href="#"><i class="bi bi-building"></i> Bank Book</a>
            <a href="#"><i class="bi bi-journal-bookmark-fill"></i> Journal Entry Report</a>
            <a href="#"><i class="bi bi-table"></i> Ledger Report</a>
            <a href="#"><i class="bi bi-scale"></i> Trial Balance</a>
            <a href="#"><i class="bi bi-graph-up"></i> Profit And Loss</a>
            <a href="#"><i class="bi bi-graph-up"></i> Profit And Loss (FYear)</a>
            <a href="#"><i class="bi bi-pie-chart"></i> Balance Sheet (FYear)</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#" id="reportBtn">Report</a>
          <!-- Report Dropdown Menu - Place inside your <li> for "Report" -->
          <div class="report-dropdown-menu">
            <a href="#"><i class="bi bi-printer"></i> Collection Sheet Print</a>
            <a href="#"><i class="bi bi-book"></i> Loan Account Ledger</a>
            <a href="#"><i class="bi bi-book-half"></i> Loan Account Ledger (Non EMI)</a>
            <a href="#"><i class="bi bi-file-text"></i> Loan Requisition Report</a>
            <a href="#"><i class="bi bi-check-circle"></i> Loan Approval Report</a>
            <a href="#"><i class="bi bi-cash"></i> Loan Disbursement Report</a>
            <a href="#"><i class="bi bi-exclamation-triangle"></i> NPA Report</a>
            <a href="#"><i class="bi bi-calendar"></i> EMI Due Report</a>
            <a href="#"><i class="bi bi-clock-history"></i> Loan Over Due Report</a>
            <a href="#"><i class="bi bi-pie-chart"></i> Loan Outstanding Report</a>
            <a href="#"><i class="bi bi-credit-card"></i> EMI Collection Report</a>
            <a href="#"><i class="bi bi-credit-card-2-front"></i> EMI Collection Report (Non EMI)</a>
            <a href="#"><i class="bi bi-person"></i> Loan Report Collector Wise</a>
            <a href="#"><i class="bi bi-graph-up"></i> Loan Advance Report</a>
            <a href="#"><i class="bi bi-door-open"></i> Loan Open Or Close Report</a>
            <a href="#"><i class="bi bi-file-pdf"></i> Pay Slip</a>
          </div>
        </li>

        <li style="position: relative;">
          <a href="#">Mobile</a>
        </li>

      </ul>
    </div>
  </div>

  <!-- Page Header with Rank Master Title -->
  <div class="page-header">
    <div class="header-container">
      <div class="page-title">
        <i class="bi bi-star-fill"></i>
        ANJU MICRO SELFHELP ASSOCIATION - [Rank Master]
      </div>
      <div class="org-sub">Manage member ranks, hierarchy and benefits</div>
    </div>
  </div>

  <!-- Main Content Area (Clean, only what's requested) -->
  <div class="main-content">
    <div class="placeholder-card">