Upd patient.js PATCH route

static/js/patient.js

@@ -7,6 +7,52 @@ document.addEventListener('DOMContentLoaded', () => {
 	const successReturn = document.getElementById('patientSuccessReturn');
 	const successEdit = document.getElementById('patientSuccessEdit');
 	const createdIdEl = document.getElementById('createdPatientId');
+	const submitBtn = form?.querySelector('button[type="submit"]');
+	const titleEl = document.querySelector('h1');
+
+	let isEditMode = false;
+	let currentPatientId = null;
+
+	function getPatientIdFromContext() {
+		const urlParams = new URLSearchParams(window.location.search);
+		const pidFromUrl = urlParams.get('patient_id');
+		if (pidFromUrl && /^\d{8}$/.test(pidFromUrl)) return pidFromUrl;
+		const pidFromStorage = localStorage.getItem('medicalChatbotPatientId');
+		if (pidFromStorage && /^\d{8}$/.test(pidFromStorage)) return pidFromStorage;
+		return null;
+	}
+
+	async function loadPatientIntoForm(patientId) {
+		try {
+			const resp = await fetch(`/patients/${patientId}`);
+			if (!resp.ok) return;
+			const data = await resp.json();
+			document.getElementById('name').value = data.name || '';
+			document.getElementById('age').value = data.age ?? '';
+			document.getElementById('sex').value = data.sex || 'Other';
+			document.getElementById('address').value = data.address || '';
+			document.getElementById('phone').value = data.phone || '';
+			document.getElementById('email').value = data.email || '';
+			document.getElementById('medications').value = Array.isArray(data.medications) ? data.medications.join('\n') : '';
+			document.getElementById('summary').value = data.past_assessment_summary || '';
+		} catch (e) {
+			console.warn('Failed to load patient profile for editing', e);
+		}
+	}
+
+	function enableEditMode(patientId) {
+		isEditMode = true;
+		currentPatientId = patientId;
+		if (submitBtn) submitBtn.textContent = 'Update';
+		if (titleEl) titleEl.textContent = 'Edit Patient';
+	}
+
+	// Initialize edit mode if patient_id is available
+	const detectedPid = getPatientIdFromContext();
+	if (detectedPid) {
+		enableEditMode(detectedPid);
+		loadPatientIntoForm(detectedPid);
+	}
 
 	cancelBtn.addEventListener('click', () => {
 		window.location.href = '/';
@@ -14,6 +60,8 @@ document.addEventListener('DOMContentLoaded', () => {
 
 	form.addEventListener('submit', async (e) => {
 		e.preventDefault();
+		result.textContent = '';
+		result.style.color = '';
 		const payload = {
 			name: document.getElementById('name').value.trim(),
 			age: parseInt(document.getElementById('age').value, 10),
@@ -25,23 +73,34 @@ document.addEventListener('DOMContentLoaded', () => {
 			past_assessment_summary: document.getElementById('summary').value.trim() || null
 		};
 		try {
-			const resp = await fetch('/patients', {
-				method: 'POST',
-				headers: { 'Content-Type': 'application/json' },
-				body: JSON.stringify(payload)
-			});
-			if (!resp.ok) {
-				throw new Error(`HTTP ${resp.status}`);
+			if (isEditMode && currentPatientId) {
+				const resp = await fetch(`/patients/${currentPatientId}`, {
+					method: 'PATCH',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify(payload)
+				});
+				if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+				result.textContent = 'Patient updated successfully.';
+				result.style.color = 'green';
+			} else {
+				const resp = await fetch('/patients', {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify(payload)
+				});
+				if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+				const data = await resp.json();
+				const pid = data.patient_id;
+				localStorage.setItem('medicalChatbotPatientId', pid);
+				// Show success modal
+				if (createdIdEl) createdIdEl.textContent = pid;
+				successModal.classList.add('show');
+				// Switch to edit mode automatically after creation
+				enableEditMode(pid);
 			}
-			const data = await resp.json();
-			const pid = data.patient_id;
-			localStorage.setItem('medicalChatbotPatientId', pid);
-			// Show success modal
-			if (createdIdEl) createdIdEl.textContent = pid;
-			successModal.classList.add('show');
 		} catch (err) {
 			console.error(err);
-			result.textContent = 'Failed to create patient. Please try again.';
+			result.textContent = isEditMode ? 'Failed to update patient. Please try again.' : 'Failed to create patient. Please try again.';
 			result.style.color = 'crimson';
 		}
 	});
@@ -49,5 +108,11 @@ document.addEventListener('DOMContentLoaded', () => {
 	// Success modal wiring
 	if (successClose) successClose.addEventListener('click', () => successModal.classList.remove('show'));
 	if (successReturn) successReturn.addEventListener('click', () => { window.location.href = '/'; });
-	if (successEdit) successEdit.addEventListener('click', () => { successModal.classList.remove('show'); });
+	if (successEdit) successEdit.addEventListener('click', () => {
+		successModal.classList.remove('show');
+		const pid = createdIdEl?.textContent?.trim() || localStorage.getItem('medicalChatbotPatientId');
+		if (pid && /^\d{8}$/.test(pid)) {
+			enableEditMode(pid);
+		}
+	});
 });