      <!-- Center Master Form -->
      <div class="center-master-container" style="display: none;">
          <div class="cm-form-header">
              <h1>CENTER MASTER</h1>
          </div>

          <div class="cm-section-title">Center Information</div>
          <div class="cm-form-grid">
              <div class="cm-form-group">
                  <label>Opening Date</label>
                  <input type="date" id="cmOpeningDate" value="2026-04-02">
              </div>
              <div class="cm-form-group">
                  <label>Center Code</label>
                  <input type="text" id="cmCenterCode" placeholder="Enter Center Code">
              </div>
              <div class="cm-form-group">
                  <label>Center Name</label>
                  <input type="text" id="cmCenterName" placeholder="Enter Center Name">
              </div>
              <div class="cm-form-group">
                  <label>Under Branch</label>
                  <select id="cmUnderBranch">
                      <option value="">Select Branch</option>
                      <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="cm-form-group">
                  <label>Zone</label>
                  <select id="cmZone">
                      <option value="">Select Zone</option>
                      <option value="TEST ZONE">TEST ZONE</option>
                      <option value="NORTH ZONE">NORTH ZONE</option>
                      <option value="SOUTH ZONE">SOUTH ZONE</option>
                      <option value="EAST ZONE">EAST ZONE</option>
                      <option value="WEST ZONE">WEST ZONE</option>
                  </select>
              </div>
              <div class="cm-form-group">
                  <label>Address</label>
                  <input type="text" id="cmAddress" placeholder="Enter Address">
              </div>
              <div class="cm-form-group">
                  <label>Pin code</label>
                  <input type="text" id="cmPincode" placeholder="Enter Pin code">
              </div>
              <div class="cm-form-group">
                  <label>Phone No</label>
                  <input type="tel" id="cmPhoneNo" placeholder="Enter Phone Number">
              </div>
              <div class="cm-form-group">
                  <label>FO Code</label>
                  <input type="text" id="cmFOCode" placeholder="Enter FO Code">
              </div>
              <div class="cm-form-group">
                  <label>Center Head Name</label>
                  <input type="text" id="cmCenterHeadName" placeholder="Enter Center Head Name">
              </div>
              <div class="cm-form-group">
                  <label>Group Capacity</label>
                  <input type="number" id="cmGroupCapacity" placeholder="Enter Group Capacity">
              </div>
          </div>

          <div class="cm-button-group">
              <button class="cm-btn cm-btn-refresh" id="cmRefreshBtn">Refresh</button>
              <button class="cm-btn cm-btn-save" id="cmSaveBtn">Save</button>
              <button class="cm-btn cm-btn-update" id="cmUpdateBtn">Update</button>
              <button class="cm-btn cm-btn-delete" id="cmDeleteBtn">Delete</button>
              <button class="cm-btn cm-btn-close" id="cmCloseBtn">Close</button>
          </div>

          <div class="cm-table-section">
              <div class="cm-table-header">
                  <h3>Center List</h3>
              </div>
              <div class="cm-table-wrapper">
                  <table class="cm-data-table" id="cmDataTable">
                      <thead>
                          <tr>
                              <th>BCode</th>
                              <th>CenterName</th>
                              <th>PhoneNo</th>
                              <th>CenterHead</th>
                              <th>Capacity</th>
                          </tr>
                      </thead>
                      <tbody id="cmTableBody">
                          <tr>
                              <td>C001</td>
                              <td>CENTER1</td>
                              <td>5455545</td>
                              <td>5454544445</td>
                              <td>5</td>
                          </tr>
                      </tbody>
                  </table>
              </div>
          </div>

          <div id="cmMessageArea" class="cm-message-area"></div>
      </div>
      <!-- Center Master Form -->