Updates

resources/views/app/patient/primary-coverage-manual-determination-medicaid-modal.blade.php

@@ -26,32 +26,33 @@
 						</tr>
 					</thead>
 					<tbody>
-						
 						<tr>
 							<td>Record Found?</td>
 							<td>{{$cpc->auto_medicaid_is_match_found ? 'YES' : 'NO'}}</td>
 							<td>
 								<div class="form-group">
 									<div class="form-check form-check-inline">
-										<label class="form-check-label"><input class="form-check-input" type="radio" :checked="cpc.auto_medicaid_is_match_found == 'YES'" name="manualMedicaidIsMatched" value="YES">Yes</label>
+										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicaidIsMatched" value="YES" :checked="uiState.manualMedicaidIsMatched === 'YES'" @click="inputChange">Yes</label>
 									</div>
 									<div class="form-check form-check-inline">
-										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicaidIsMatched" value="NO">No</label>
+										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicaidIsMatched" value="NO" :checked="uiState.manualMedicaidIsMatched === 'NO'" @click="inputChange">No</label>
 									</div>
 								</div>
-								<div class="form-group mb-0">
-									<label for="" class="control-label">Manual Determination Category</label>
-									<select name="manualDeterminationCategory" class="form-control input-sm">
-										<option value="">--select--</option>
-										<option value="COVERED" :selected="cpc.auto_medicaid_is_match_found == 'YES'">Covered</option>
-										<option value="NOT_COVERED">Not Covered</option>
-										<option value="INVALID" :selected="cpc.auto_medicaid_is_match_found == 'NO'">Invalid</option>
-										<option value="UNKNOWN">Unknown</option>
-									</select>
-								</div>
 							</td>
 						</tr>
-						
+						<tr>
+							<td>Coverage Status?</td>
+							<td>UNKNOWN</td>
+							<td>
+								<select name="manualDeterminationCategory" class="form-control input-sm" @change="inputChange">
+									<option value="">--select--</option>
+									<option value="COVERED" :selected="uiState.manualMedicaidIsMatched == 'YES'">Covered</option>
+									<option value="NOT_COVERED">Not Covered</option>
+									<option value="INVALID" :selected="uiState.manualMedicaidIsMatched == 'NO'">Invalid</option>
+									<option value="UNKNOWN">Unknown</option>
+								</select>
+							</td>
+						</tr>
 					</tbody>
 				</table>
 			</div>
@@ -74,6 +75,7 @@
 		</form>
 	</div>
 </div>
+
 <script>
 	(function() {
 		function init() {
@@ -82,13 +84,32 @@
 				delimiters: ['@{{', '}}'],
 				data: {
 					url: '/api/clientPrimaryCoverage/manualDeterminationForMedicaid',
-					uiState: {
-					},
+					uiState: {},
 					cpc: <?= json_encode($cpc); ?>,
 					processing: false,
 					response: null
 				},
 				methods: {
+					inputChange: function(evt){
+						var self = this;
+						var input = evt.target;
+						var name = input.name;
+						var value = input.value;
+						self.uiState[name] = value;
+						if(self.uiState.manualDeterminationCategory === 'COVERED'){
+							self.uiState.manualMedicaidIsMatched = "YES";
+						}
+						if(self.uiState.manualDeterminationCategory === 'INVALID'){
+							self.uiState.manualMedicaidIsMatched = "NO";
+						}
+
+						if(name === 'manualMedicaidIsMatched'){
+							if(value === 'YES') self.uiState.manualDeterminationCategory = 'COVERED';
+							if(value === 'NO') self.uiState.manualDeterminationCategory = 'INVALID';
+						}
+						self.$forceUpdate();
+						
+					},
 					submitForm: function(evt) {
 						var self = this;
 						if (self.processing) return;
@@ -114,9 +135,16 @@
 							}
 						}, 'json');
 					},
+					setDefaultData: function(){
+						var self = this;
+						self.uiState.manualMedicaidIsMatched = this.cpc.auto_medicaid_is_match_found ? 'YES' : 'NO';
+						self.$forceUpdate();
+						console.log({uiState: self.uiState});
+
+					},
 				},
 				mounted: function() {
-					
+					this.setDefaultData();
 				}
 			});
 		}

resources/views/app/patient/primary-coverage-manual-determination-medicare-modal.blade.php

@@ -54,6 +54,9 @@
 									<div class="form-check form-check-inline">
 										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartBActive" value="NO">No</label>
 									</div>
+									<div class="form-check form-check-inline">
+										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartBActive" value="UNKNOWN">Unknown</label>
+									</div>
 								</div>
 							</td>
 						</tr>
@@ -73,6 +76,9 @@
 									<div class="form-check form-check-inline">
 										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartBPrimary" v-model="uiState.manualMedicareIsPartBPrimary" value="NO">No</label>
 									</div>
+									<div class="form-check form-check-inline">
+										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartBPrimary" v-model="uiState.manualMedicareIsPartBPrimary" value="UNKNOWN">Unknown</label>
+									</div>
 								</div>
 							</td>
 						</tr>
@@ -90,6 +96,9 @@
 									<div class="form-check form-check-inline">
 										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartCActive" v-model="uiState.manualMedicareIsPartCActive" value="NO">No</label>
 									</div>
+									<div class="form-check form-check-inline">
+										<label class="form-check-label"><input class="form-check-input" type="radio" name="manualMedicareIsPartCActive" v-model="uiState.manualMedicareIsPartCActive" value="UNKNOWN">Unknown</label>
+									</div>
 								</div>
 							</td>
 						</tr>