      <!-- Biometric Scanner Form - Complete with all options -->
      <div class="master-form-container" id="biometricScannerContainer" style="display: none;">
        <div class="master-form-card">
          <div class="master-form-header">
            <div class="header-icon">
              <i class="bi bi-fingerprint"></i>
            </div>
            <div class="header-text">
              <h3>BIOMETRIC SCANNER</h3>
              <p>frmFPrint - Fingerprint Capture & Verification System</p>
            </div>
          </div>
          <div class="master-form-body">
            <div class="biometric-main-grid">
              <!-- Left Column - Device Controls -->
              <div class="biometric-left-panel">
                <!-- Device Info Section -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-hdd-stack"></i>
                    <h4>Device Info</h4>
                  </div>
                  <div class="biometric-card-body">
                    <div class="info-row">
                      <span class="info-label">Version:</span>
                      <span class="info-value" id="deviceVersion">-</span>
                    </div>
                    <div class="info-row">
                      <span class="info-label">Status:</span>
                      <span class="info-value" id="deviceStatus">Not Initialized</span>
                    </div>
                    <div class="info-row">
                      <span class="info-label">Device:</span>
                      <span class="info-value" id="deviceName">-</span>
                    </div>
                  </div>
                </div>

                <!-- Device Control Buttons -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-sliders2"></i>
                    <h4>Device Controls</h4>
                  </div>
                  <div class="biometric-card-body">
                    <div class="control-btn-group">
                      <button class="btn-device" id="checkDeviceBtn"><i class="bi bi-check-lg"></i> Check Device</button>
                      <button class="btn-device" id="initBtn"><i class="bi bi-play-circle"></i> Init</button>
                      <button class="btn-device" id="uninitBtn"><i class="bi bi-stop-circle"></i> Uninit</button>
                    </div>
                  </div>
                </div>

                <!-- Capture Section -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-camera"></i>
                    <h4>Capture</h4>
                  </div>
                  <div class="biometric-card-body">
                    <div class="control-btn-group">
                      <button class="btn-capture-start" id="startCaptureBtn"><i class="bi bi-play-fill"></i> Start Capture</button>
                      <button class="btn-capture-stop" id="stopCaptureBtn"><i class="bi bi-stop-fill"></i> Stop Capture</button>
                    </div>
                    <div class="capture-options">
                      <div class="option-row">
                        <label>Timeout (ms):</label>
                        <input type="number" id="timeoutValue" class="timeout-input" value="5000">
                      </div>
                      <div class="option-row">
                        <label>Quality Threshold:</label>
                        <input type="number" id="qualityThreshold" class="quality-input" value="50">
                      </div>
                    </div>
                  </div>
                </div>

                <!-- Match Section -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-check-circle"></i>
                    <h4>Match</h4>
                  </div>
                  <div class="biometric-card-body">
                    <div class="control-btn-group">
                      <button class="btn-match-iso" id="matchIsoBtn"><i class="bi bi-file-text"></i> Match ISO</button>
                      <button class="btn-match-ansi" id="matchAnsiBtn"><i class="bi bi-file-binary"></i> Match ANSI</button>
                    </div>
                  </div>
                </div>

                <!-- Finger Detection -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-hand-index"></i>
                    <h4>Finger Detection</h4>
                  </div>
                  <div class="biometric-card-body">
                    <div class="control-btn-group">
                      <button class="btn-detect" id="detectFingerBtn"><i class="bi bi-eye"></i> Detect Finger</button>
                      <button class="btn-clear-image" id="clearImageBtn"><i class="bi bi-trash"></i> Clear Image</button>
                    </div>
                    <div class="detect-status" id="detectStatus">
                      <span>No finger detected</span>
                    </div>
                  </div>
                </div>
              </div>

              <!-- Right Column - Fingerprint Preview & Data -->
              <div class="biometric-right-panel">
                <!-- Show Preview & Quality -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-image"></i>
                    <h4>Fingerprint Preview</h4>
                  </div>
                  <div class="biometric-card-body preview-body">
                    <div class="preview-actions">
                      <button class="btn-preview" id="showPreviewBtn"><i class="bi bi-eye"></i> Show Preview</button>
                      <button class="btn-quality" id="checkQualityBtn"><i class="bi bi-graph-up"></i> Quality</button>
                    </div>
                    <div class="fingerprint-preview" id="fingerprintPreview">
                      <div class="preview-placeholder">
                        <i class="bi bi-fingerprint"></i>
                        <span>No fingerprint captured</span>
                      </div>
                    </div>
                    <div class="quality-score" id="qualityScore" style="display: none;">
                      <span>Quality Score: <strong id="qualityValue">0</strong>%</span>
                    </div>
                  </div>
                </div>

                <!-- Finger Detail -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-hand-index-thumb"></i>
                    <h4>Finger Detail</h4>
                  </div>
                  <div class="biometric-card-body">
                    <select id="fingerSelect" class="finger-select">
                      <option value="Right Thumb">Right Thumb</option>
                      <option value="Right Index">Right Index</option>
                      <option value="Right Middle">Right Middle</option>
                      <option value="Right Ring">Right Ring</option>
                      <option value="Right Little">Right Little</option>
                      <option value="Left Thumb">Left Thumb</option>
                      <option value="Left Index">Left Index</option>
                      <option value="Left Middle">Left Middle</option>
                      <option value="Left Ring">Left Ring</option>
                      <option value="Left Little">Left Little</option>
                    </select>
                  </div>
                </div>

                <!-- ISO Data -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-file-text"></i>
                    <h4>ISO Data</h4>
                  </div>
                  <div class="biometric-card-body">
                    <textarea id="isoData" class="data-textarea" rows="2" placeholder="ISO fingerprint data will appear here..." readonly></textarea>
                  </div>
                </div>

                <!-- ANSI Data -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-file-binary"></i>
                    <h4>ANSI Data</h4>
                  </div>
                  <div class="biometric-card-body">
                    <textarea id="ansiData" class="data-textarea" rows="2" placeholder="ANSI fingerprint data will appear here..." readonly></textarea>
                  </div>
                </div>

                <!-- User Name & Set Fingerprint -->
                <div class="biometric-card">
                  <div class="biometric-card-header">
                    <i class="bi bi-person"></i>
                    <h4>User Name</h4>
                  </div>
                  <div class="biometric-card-body">
                    <input type="text" id="userName" class="user-name-input" placeholder="Enter User Name">
                    <button class="btn-set-fingerprint" id="setFingerprintBtn"><i class="bi bi-save"></i> Set as User Fingerprint</button>
                  </div>
                </div>
              </div>
            </div>

            <div class="master-form-actions">
              <button class="btn-clear" id="biometricClearBtn"><i class="bi bi-eraser"></i> CLEAR ALL</button>
              <button class="btn-exit" id="biometricExitBtn"><i class="bi bi-box-arrow-right"></i> EXIT</button>
            </div>
          </div>
        </div>
      </div>
      <!-- Biometric Scanner Form -->