      <!-- Accounts Code Sequence Form -->
      <div class="master-form-container" id="accountsCodeContainer" style="display: none;">
        <div class="master-form-card">
          <div class="master-form-header">
            <div class="header-icon">
              <i class="bi bi-sort-numeric-down"></i>
            </div>
            <div class="header-text">
              <h3>ACCOUNTS CODE SEQUENCE</h3>
              <p>Code Sequence is an essential part of a system.</p>
            </div>
          </div>
          <div class="master-form-body">
            <div class="info-note">
              <i class="bi bi-info-circle-fill"></i>
              You can set sequence for members and accounts for the very first time. After that the sequence will be auto incremental.
            </div>

            <div class="sequence-table-container">
              <table class="sequence-table">
                <thead>
                  <tr>
                    <th></th>
                    <th>Prefix</th>
                    <th>Start From</th>
                    <th>No. Of Digit</th>
                    <th>Last No.</th>
                    <th>Preview Code</th>
                    <th></th>
                  </tr>
                  <tr class="sub-header">
                    <th></th>
                    <th>ex. MA, CM</th>
                    <th>ex. 1</th>
                    <th>ex. 5 digit (00001)</th>
                    <th></th>
                    <th>ex. MA00001</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td class="label-cell"><strong>Member Code.</strong></td>
                    <td><input type="text" class="seq-input" id="memberPrefix" value="MA"></td>
                    <td><input type="text" class="seq-input" id="memberStartFrom" value="1"></td>
                    <td><input type="text" class="seq-input" id="memberDigits" value="6"></td>
                    <td><input type="text" class="seq-input" id="memberLastNo" value="99"></td>
                    <td><input type="text" class="seq-input preview" id="memberPreview" value="MA000001" readonly></td>
                    <td><button class="btn-set" onclick="updatePreview('member')">SET</button></td>
                  </tr>
                  <tr>
                    <td class="label-cell"><strong>Collector Code.</strong></td>
                    <td><input type="text" class="seq-input" id="collectorPrefix" value="C"></td>
                    <td><input type="text" class="seq-input" id="collectorStartFrom" value="1"></td>
                    <td><input type="text" class="seq-input" id="collectorDigits" value="5"></td>
                    <td><input type="text" class="seq-input" id="collectorLastNo" value="26"></td>
                    <td><input type="text" class="seq-input preview" id="collectorPreview" value="C00001" readonly></td>
                    <td><button class="btn-set" onclick="updatePreview('collector')">SET</button></td>
                  </tr>
                  <tr>
                    <td class="label-cell"><strong>Personal Loan.</strong></td>
                    <td><input type="text" class="seq-input" id="personalPrefix" value="PL"></td>
                    <td><input type="text" class="seq-input" id="personalStartFrom" value="1"></td>
                    <td><input type="text" class="seq-input" id="personalDigits" value="6"></td>
                    <td><input type="text" class="seq-input" id="personalLastNo" value="92"></td>
                    <td><input type="text" class="seq-input preview" id="personalPreview" value="PL000001" readonly></td>
                    <td><button class="btn-set" onclick="updatePreview('personal')">SET</button></td>
                  </tr>
                  <tr>
                    <td class="label-cell"><strong>Group Loan.</strong></td>
                    <td><input type="text" class="seq-input" id="groupPrefix" value="GR"></td>
                    <td><input type="text" class="seq-input" id="groupStartFrom" value="1"></td>
                    <td><input type="text" class="seq-input" id="groupDigits" value="5"></td>
                    <td><input type="text" class="seq-input" id="groupLastNo" value="1"></td>
                    <td><input type="text" class="seq-input preview" id="groupPreview" value="GR00001" readonly></td>
                    <td><button class="btn-set" onclick="updatePreview('group')">SET</button></td>
                  </tr>
                  <tr>
                    <td class="label-cell"><strong>Product Loan.</strong></td>
                    <td><input type="text" class="seq-input" id="productPrefix" value="PRL"></td>
                    <td><input type="text" class="seq-input" id="productStartFrom" value="1"></td>
                    <td><input type="text" class="seq-input" id="productDigits" value="6"></td>
                    <td><input type="text" class="seq-input" id="productLastNo" value="2"></td>
                    <td><input type="text" class="seq-input preview" id="productPreview" value="PRL000001" readonly></td>
                    <td><button class="btn-set" onclick="updatePreview('product')">SET</button></td>
                  </tr>
                </tbody>
              </table>
            </div>

            <div class="master-form-actions">
              <button class="btn-save" id="sequenceSaveBtn"><i class="bi bi-save"></i> SAVE ALL</button>
              <button class="btn-exit" id="sequenceExitBtn"><i class="bi bi-box-arrow-right"></i> EXIT</button>
            </div>
          </div>
        </div>
      </div>
      <!-- Accounts Code Sequence Form -->