Update probe related models, routes and templates

templates/probe_form.html

@@ -13,11 +13,6 @@
             </select>
         </div>
 
-        <div class="mb-3">
-            <label for="serial_number" class="form-label">Serial Number</label>
-            <input type="text" class="form-control" id="serial_number" name="serial_number" required>
-        </div>
-
         <div class="mb-3">
             <h4>Channels</h4>
             <div id="channels-container">
@@ -41,9 +36,75 @@
             <button type="button" class="btn btn-secondary" id="add-channel">Add Another Channel</button>
         </div>
 
-        <button type="submit" class="btn btn-primary">Create Probe</button>
+        <button type="submit" class="btn btn-primary" id="create-probe">Create Probe</button>
 
         <script>
+            // Channel serial validation regex
+            const CHANNEL_SERIAL_REGEX = /^[0-9A-F]{16}$/i;
+
+            async function validateChannelSerials() {
+                const serialInputs = document.querySelectorAll('input[name="channel_serials[]"]');
+                const serials = new Set();
+                let hasValidChannel = false;
+
+                // First validate format and duplicates in form
+                for (const input of serialInputs) {
+                    const serial = input.value.trim().toUpperCase();
+                    if (!serial) continue;
+
+                    if (!CHANNEL_SERIAL_REGEX.test(serial)) {
+                        input.classList.add('is-invalid');
+                        alert(`Invalid channel serial format: ${serial}. Must be 16 hex characters (0-9, A-F)`);
+                        return false;
+                    }
+
+                    if (serials.has(serial)) {
+                        input.classList.add('is-invalid');
+                        alert(`Duplicate channel serial in form: ${serial}`);
+                        return false;
+                    }
+
+                    serials.add(serial);
+                    input.classList.remove('is-invalid');
+                    hasValidChannel = true;
+                }
+
+                if (!hasValidChannel) {
+                    alert('At least one channel must have a valid serial number');
+                    return false;
+                }
+
+                // Check for duplicates in database
+                try {
+                    const response = await fetch('/probes/api/check-channel-serials', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({serials: Array.from(serials)})
+                    });
+                    
+                    const data = await response.json();
+                    if (data.duplicates && data.duplicates.length > 0) {
+                        alert(`Channel serial already exists in database: ${data.duplicates[0]}`);
+                        return false;
+                    }
+                } catch (error) {
+                    console.error('Error checking channel serials:', error);
+                    alert('Error validating channel serials. Please try again.');
+                    return false;
+                }
+
+                return true;
+            }
+
+            document.getElementById('create-probe').addEventListener('click', async function(e) {
+                e.preventDefault();
+                if (await validateChannelSerials()) {
+                    this.form.submit();
+                }
+            });
+
             document.getElementById('add-channel').addEventListener('click', function() {
                 const container = document.getElementById('channels-container');
                 const count = container.children.length;
@@ -61,7 +122,11 @@
                         </div>
                         <div class="col">
                             <label for="channel_serial_${count}" class="form-label">Channel Serial</label>
-                            <input type="text" class="form-control" id="channel_serial_${count}" name="channel_serials[]" required>
+                            <input type="text" class="form-control" id="channel_serial_${count}" name="channel_serials[]" required 
+                                   pattern="[0-9A-F]{16}" title="16-character hex serial number">
+                            <div class="invalid-feedback">
+                                Must be a 16-character hex number (0-9, A-F)
+                            </div>
                         </div>
                         <div class="col-auto d-flex align-items-end">
                             <button type="button" class="btn btn-danger remove-channel">Remove</button>