      <!-- User Master Form -->
      <div class="master-form-container" id="userMasterContainer" style="display: none;">
        <div class="master-form-card">
          <div class="master-form-header">
            <div class="header-icon">
              <i class="bi bi-people"></i>
            </div>
            <div class="header-text">
              <h3>USER MASTER</h3>
              <p>User Management - Create, Edit & Manage System Users</p>
            </div>
          </div>
          <div class="master-form-body">
            <!-- User Details Information Section -->
            <div class="user-details-section">
              <div class="section-title">
                <i class="bi bi-info-circle-fill"></i>
                <h4>User Details Information</h4>
              </div>
              <div class="details-form">
                <div class="form-row-three">
                  <div class="form-group">
                    <label><i class="bi bi-person-badge"></i> User ID</label>
                    <input type="text" id="userId" class="form-control" value="HOWRAH">
                  </div>
                  <div class="form-group">
                    <label><i class="bi bi-lock"></i> Password</label>
                    <input type="password" id="password" class="form-control" value="**********">
                  </div>
                  <div class="form-group">
                    <label><i class="bi bi-tag"></i> User Type</label>
                    <input type="text" id="userType" class="form-control" value="HOWRAH">
                  </div>
                </div>
                
                <!-- Access Options -->
                <div class="access-section">
                  <div class="access-row">
                    <span class="access-label">Update Accounts</span>
                    <div class="access-checkboxes">
                      <label><input type="checkbox" id="allPlanAccess"> All Plan Access</label>
                      <label><input type="checkbox" id="allBranchAccess"> All Branch Access</label>
                      <span class="access-yes">YES</span>
                    </div>
                  </div>
                  <div class="access-row">
                    <span class="access-label">Delete Accounts</span>
                    <div class="access-checkboxes">
                      <label><input type="checkbox" id="rankAuto"> Rank Auto</label>
                      <label><input type="checkbox" id="backDate"> Back Date</label>
                      <label><input type="checkbox" id="rePrint"> Re-Print</label>
                      <label><input type="checkbox" id="allRepBranch"> All Rep Branch</label>
                      <span class="access-yes">YES</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- User Master Table -->
            <div class="user-master-section">
              <div class="section-title">
                <i class="bi bi-table"></i>
                <h4>USER MASTER</h4>
              </div>
              <div class="table-responsive">
                <table class="data-table" id="userMasterTable">
                  <thead>
                    <tr>
                      <th>User ID</th>
                      <th>User Type</th>
                      <th>Login Branch</th>
                      <th>Full Name</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tbody id="userMasterBody">
                    <tr onclick="selectUser('admin', 'Administrator', 'HEAD OFFICE', '')">
                      <td>admin</td>
                      <td>Administrator</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('admin', 'Administrator', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO MANA.', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO MANA.</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO MANA.', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO YL LO', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO YL LO</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO YL LO', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO BDL MANA.', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO BDL MANA.</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO BDL MANA.', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO NBD LO', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO NBD LO</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO NBD LO', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO EXE', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO EXE</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO EXE', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                    <tr onclick="selectUser('', 'MICRO HO COOR.', 'HEAD OFFICE', '')">
                      <td></td>
                      <td>MICRO HO COOR.</td>
                      <td>HEAD OFFICE</td>
                      <td></td>
                      <td><button class="btn-select-row" onclick="event.stopPropagation(); selectUser('', 'MICRO HO COOR.', 'HEAD OFFICE', '')"><i class="bi bi-check-circle"></i> Select</button></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>

            <!-- Two Column Layout for Login Branch & User Type Access -->
            <div class="two-col-grid">
              <!-- Log In Branch Section -->
              <div class="login-branch-section">
                <div class="section-title">
                  <i class="bi bi-box-arrow-in-right"></i>
                  <h4>Log In Branch</h4>
                </div>
                <div class="branch-list">
                  <div class="branch-item">
                    <input type="checkbox" id="branchHowrah"> <label for="branchHowrah">HOWRAH</label>
                  </div>
                </div>
              </div>

              <!-- User Type Access Section -->
              <div class="user-type-access-section">
                <div class="section-title">
                  <i class="bi bi-shield-lock"></i>
                  <h4>User Type Access</h4>
                </div>
                <div class="access-list">
                  <div class="access-item">
                    <input type="checkbox" id="accessHowrah"> <label for="accessHowrah">HOWRAH</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroBdl"> <label for="accessMicroBdl">MICRO BDL MANAGER</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroBrCoord"> <label for="accessMicroBrCoord">MICRO BR COORDINATOR</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroBroHly"> <label for="accessMicroBroHly">MICRO BRO HLY</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroHlyLo"> <label for="accessMicroHlyLo">MICRO HLY LO</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroHoManager"> <label for="accessMicroHoManager">MICRO HO MANAGER</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroHoRecept"> <label for="accessMicroHoRecept">MICRO HO RECEPTION</label>
                  </div>
                  <div class="access-item">
                    <input type="checkbox" id="accessMicroNbdLo"> <label for="accessMicroNbdLo">MICRO NBD LO</label>
                  </div>
                </div>
              </div>
            </div>

            <!-- Mobile No & E-Mail ID Row -->
            <div class="contact-row">
              <div class="form-group half-width">
                <label><i class="bi bi-phone"></i> Mobile No</label>
                <input type="text" id="mobileNo" class="form-control" placeholder="Enter Mobile Number">
              </div>
              <div class="form-group half-width">
                <label><i class="bi bi-envelope"></i> E-Mail ID</label>
                <input type="email" id="emailId" class="form-control" placeholder="Enter Email Address">
              </div>
            </div>

            <!-- Action Buttons -->
            <div class="master-form-actions">
              <button class="btn-save" id="userSaveBtn"><i class="bi bi-save"></i> SAVE</button>
              <button class="btn-trash" id="userDeleteBtn"><i class="bi bi-trash"></i> DELETE</button>
              <button class="btn-clear" id="userClearBtn"><i class="bi bi-eraser"></i> CLEAR</button>
              <button class="btn-exit" id="userExitBtn"><i class="bi bi-box-arrow-right"></i> EXIT</button>
            </div>
          </div>
        </div>
      </div>
      <!-- User Master Form -->