      <!-- Lead Generation Form -->
      <div class="lead-generation-container" style="display: none;">
          <div class="lg-form-header">
              <h1>LEAD GENERATION</h1>
          </div>

          <!-- Personal Information Section -->
          <div class="lg-section-title">Personal Information</div>
          <div class="lg-form-grid">
              <div class="lg-form-group">
                  <label>Branch Name/Code</label>
                  <select id="lgBranchName">
                      <option value="HEAD OFFICE - 001">HEAD OFFICE - 001</option>
                      <option value="BRANCH - 002">BRANCH - 002</option>
                      <option value="BRANCH - 003">BRANCH - 003</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Center</label>
                  <select id="lgCenter">
                      <option value="CENTER1">CENTER1</option>
                      <option value="CENTER2">CENTER2</option>
                      <option value="CENTER3">CENTER3</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Loan Type Applied</label>
                  <select id="lgLoanType">
                      <option value="GROUP LOAN">GROUP LOAN</option>
                      <option value="INDIVIDUAL LOAN">INDIVIDUAL LOAN</option>
                      <option value="EMERGENCY LOAN">EMERGENCY LOAN</option>
                      <option value="EDUCATION LOAN">EDUCATION LOAN</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Proposed Loan Amount (₹)</label>
                  <input type="number" id="lgProposedAmount" placeholder="Enter amount">
              </div>
              <div class="lg-form-group">
                  <label>Field Officer</label>
                  <select id="lgFieldOfficer">
                      <option value="ARITRA DAS - C000">ARITRA DAS - C000</option>
                      <option value="SUMIT ROY - C001">SUMIT ROY - C001</option>
                      <option value="POOJA SHARMA - C002">POOJA SHARMA - C002</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Aadhar No</label>
                  <input type="text" id="lgAadharNo" placeholder="Enter 12-digit Aadhar Number">
              </div>
              <div class="lg-form-group">
                  <label>Voter ID No</label>
                  <input type="text" id="lgVoterId" placeholder="Enter Voter ID Number">
              </div>
              <div class="lg-form-group">
                  <label>Name</label>
                  <input type="text" id="lgName" placeholder="Enter Full Name">
              </div>
              <div class="lg-form-group">
                  <label>Guardian Name</label>
                  <input type="text" id="lgGuardianName" placeholder="Enter Guardian Name" value="CO">
              </div>
              <div class="lg-form-group">
                  <label>Gender</label>
                  <select id="lgGender">
                      <option value="MALE">MALE</option>
                      <option value="FEMALE" selected>FEMALE</option>
                      <option value="OTHER">OTHER</option>
                  </select>
              </div>
              <div class="lg-form-group lg-dob-group">
                  <label>Date of Birth</label>
                  <div class="lg-dob-wrapper">
                      <input type="date" id="lgDob" value="2026-04-02">
                      <span class="lg-age-display" id="lgAgeDisplay">Age: 0 years</span>
                  </div>
              </div>
              <div class="lg-form-group">
                  <label>Nominee Name</label>
                  <input type="text" id="lgNomineeName" placeholder="Enter Nominee Name">
              </div>
              <div class="lg-form-group">
                  <label>Nominee Relation</label>
                  <input type="text" id="lgNomineeRelation" placeholder="Enter Relation with Nominee">
              </div>
              <div class="lg-form-group">
                  <label>Age</label>
                  <input type="text" id="lgAge" placeholder="Auto-calculated age" readonly>
              </div>
              <div class="lg-form-group">
                  <label>Phone No</label>
                  <input type="tel" id="lgPhoneNo" placeholder="Enter 10-digit Mobile Number">
              </div>
              <div class="lg-form-group">
                  <label>Application Date</label>
                  <input type="date" id="lgApplicationDate" value="2026-04-02">
              </div>
              <div class="lg-form-group">
                  <label>Request Form No</label>
                  <input type="text" id="lgRequestFormNo" placeholder="Enter Request Form Number">
              </div>
              <div class="lg-form-group lg-full-width">
                  <label>Residential Address</label>
                  <input type="text" id="lgResidentialAddress" placeholder="Enter Full Residential Address">
              </div>
              <div class="lg-form-group">
                  <label>PIN Code</label>
                  <input type="text" id="lgPincode" placeholder="Enter PIN Code">
              </div>
              <div class="lg-form-group lg-checkbox-group">
                  <label>
                      <input type="checkbox" id="lgSameAsResidential"> Permanent Address Same As Residential
                  </label>
              </div>
              <div class="lg-form-group lg-full-width" id="lgPermanentAddressGroup">
                  <label>Permanent Address</label>
                  <input type="text" id="lgPermanentAddress" placeholder="Enter Permanent Address">
              </div>
          </div>

          <!-- Housing Index Section -->
          <div class="lg-section-title">Housing Index</div>
          <div class="lg-form-grid">
              <div class="lg-form-group">
                  <label>Does Monthly Savings</label>
                  <select id="lgMonthlySavings">
                      <option value="">Select</option>
                      <option value="Yes">Yes</option>
                      <option value="No">No</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Has Active Loans</label>
                  <select id="lgActiveLoans">
                      <option value="">Select</option>
                      <option value="Yes">Yes</option>
                      <option value="No">No</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Borrow Money Frequently</label>
                  <select id="lgBorrowFrequently">
                      <option value="">Select</option>
                      <option value="Yes">Yes</option>
                      <option value="No">No</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Living Type</label>
                  <select id="lgLivingType">
                      <option value="">Select</option>
                      <option value="Own House">Own House</option>
                      <option value="Rented">Rented</option>
                      <option value="Parental">Parental</option>
                      <option value="Shared">Shared</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>No of Members in Home</label>
                  <input type="number" id="lgFamilyMembers" placeholder="Number of family members">
              </div>
              <div class="lg-form-group">
                  <label>Monthly Income (₹)</label>
                  <input type="number" id="lgMonthlyIncome" placeholder="Monthly income amount">
              </div>
              <div class="lg-form-group">
                  <label>Religion</label>
                  <select id="lgReligion">
                      <option value="">Select</option>
                      <option value="Hindu">Hindu</option>
                      <option value="Muslim">Muslim</option>
                      <option value="Sikh">Sikh</option>
                      <option value="Christian">Christian</option>
                      <option value="Other">Other</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Marital Status</label>
                  <select id="lgMaritalStatus">
                      <option value="">Select</option>
                      <option value="Married">Married</option>
                      <option value="Unmarried">Unmarried</option>
                      <option value="Divorced">Divorced</option>
                      <option value="Widowed">Widowed</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>House Stability</label>
                  <select id="lgHouseStability">
                      <option value="">Select</option>
                      <option value="Stable">Stable</option>
                      <option value="Moderate">Moderate</option>
                      <option value="Temporary">Temporary</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Bank Name</label>
                  <input type="text" id="lgBankName" placeholder="Enter Bank Name">
              </div>
              <div class="lg-form-group">
                  <label>Branch Name</label>
                  <input type="text" id="lgBankBranch" placeholder="Enter Bank Branch Name">
              </div>
              <div class="lg-form-group">
                  <label>Account No</label>
                  <input type="text" id="lgAccountNo" placeholder="Enter Bank Account Number">
              </div>
              <div class="lg-form-group">
                  <label>IFSC Code</label>
                  <input type="text" id="lgIfscCode" placeholder="Enter IFSC Code">
              </div>
              <div class="lg-form-group lg-full-width">
                  <label>Loan Purpose</label>
                  <textarea id="lgLoanPurpose" rows="2" placeholder="Describe the purpose of loan"></textarea>
              </div>
          </div>

          <!-- KYC Details Section -->
          <div class="lg-section-title">KYC Details</div>
          <div class="lg-form-grid">
              <div class="lg-form-group">
                  <label>Address Proof</label>
                  <select id="lgAddressProof">
                      <option value="NoID">No ID</option>
                      <option value="Aadhar Card">Aadhar Card</option>
                      <option value="Voter ID">Voter ID</option>
                      <option value="Passport">Passport</option>
                      <option value="Driving License">Driving License</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Address Proof Number</label>
                  <input type="text" id="lgAddressProofNumber" placeholder="Enter Address Proof Number">
              </div>
              <div class="lg-form-group">
                  <label>ID Proof</label>
                  <select id="lgIdProof">
                      <option value="NoID">No ID</option>
                      <option value="Aadhar Card">Aadhar Card</option>
                      <option value="Voter ID">Voter ID</option>
                      <option value="PAN Card">PAN Card</option>
                      <option value="Passport">Passport</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>ID Proof Number</label>
                  <input type="text" id="lgIdProofNumber" placeholder="Enter ID Proof Number">
              </div>
          </div>

          <!-- Address Proof Document Section -->
          <div class="lg-subsection-title">Address Proof Document</div>
          <div class="lg-document-grid">
              <div class="lg-doc-group">
                  <label>Address Proof Document</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgAddressProofDoc" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgAddressProofDoc').click()">Browse</button>
                  </div>
              </div>
          </div>

          <!-- ID Proof Document Section -->
          <div class="lg-subsection-title">ID Proof Document</div>
          <div class="lg-document-grid">
              <div class="lg-doc-group">
                  <label>ID Proof Document</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgIdProofDoc" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgIdProofDoc').click()">Browse</button>
                  </div>
              </div>
              <div class="lg-doc-group">
                  <label>Passbook Front Page</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgPassbookFront" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgPassbookFront').click()">Browse</button>
                  </div>
              </div>
              <div class="lg-doc-group">
                  <label>Passport Photo</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgPassportPhoto" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgPassportPhoto').click()">Browse</button>
                  </div>
              </div>
          </div>

          <!-- Joint Photo Section -->
          <div class="lg-subsection-title">Joint Photo</div>
          <div class="lg-document-grid">
              <div class="lg-doc-group">
                  <label>Joint Photo</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgJointPhoto" accept="image/*">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgJointPhoto').click()">Browse</button>
                  </div>
              </div>
          </div>

          <!-- Nominee KYC Details Section -->
          <div class="lg-section-title">Nominee KYC Details</div>
          <div class="lg-form-grid">
              <div class="lg-form-group">
                  <label>ID Proof</label>
                  <select id="lgNomineeIdProof">
                      <option value="No/ID">No ID</option>
                      <option value="Aadhar Card">Aadhar Card</option>
                      <option value="Voter ID">Voter ID</option>
                      <option value="PAN Card">PAN Card</option>
                  </select>
              </div>
              <div class="lg-form-group">
                  <label>Nominee ID Proof Number</label>
                  <input type="text" id="lgNomineeIdProofNumber" placeholder="Enter Nominee ID Proof Number">
              </div>
              <div class="lg-form-group">
                  <label>Aadhar No.</label>
                  <input type="text" id="lgNomineeAadhar" placeholder="Enter Nominee Aadhar Number">
              </div>
          </div>

          <!-- Nominee Documents -->
          <div class="lg-document-grid">
              <div class="lg-doc-group">
                  <label>Nominee ID Proof Document</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgNomineeIdDoc" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgNomineeIdDoc').click()">Browse</button>
                  </div>
              </div>
              <div class="lg-doc-group">
                  <label>Nominee Aadhar Document</label>
                  <div class="lg-file-input-group">
                      <input type="file" id="lgNomineeAadharDoc" accept="image/*,application/pdf">
                      <button type="button" class="lg-browse-btn" onclick="document.getElementById('lgNomineeAadharDoc').click()">Browse</button>
                  </div>
              </div>
          </div>

          <!-- Action Buttons -->
          <div class="lg-button-group">
              <button class="lg-btn lg-btn-refresh" id="lgRefreshBtn">Refresh</button>
              <button class="lg-btn lg-btn-save" id="lgSaveBtn">Save</button>
              <button class="lg-btn lg-btn-update" id="lgUpdateBtn">Update</button>
              <button class="lg-btn lg-btn-delete" id="lgDeleteBtn">Delete</button>
              <button class="lg-btn lg-btn-close" id="lgCloseBtn">Close</button>
          </div>

          <div id="lgMessageArea" class="lg-message-area"></div>
      </div>
      <!-- Lead Generation Form -->