Notes processing center filters UI

resources/views/app/practice-management/notes-processing-center.blade.php

@@ -21,7 +21,10 @@
                 <form id="filter-form" class="d-flex flex-wrap align-items-center">
                     <div class="mr-2 mb-2 width-150px min-width-unset">
                         <label class="text-secondary mb-1">Pro</label>
-                        <select class="form-control form-control-sm min-width-unset" name="proUid" provider-search
+                        <select class="form-control form-control-sm min-width-unset"
+                                name="proUid"
+                                provider-search
+                                data-pro-uid="{{request()->input('proUid')}}"
                                 required>
                             <option value="">-- Select Pro --</option>
                         </select>
@@ -30,65 +33,67 @@
                         <label class="text-secondary mb-1">Pro signed</label>
                         <select class="form-control form-control-sm min-width-unset" name="proSigned">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('proSigned') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('proSigned') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Billing marked done</label>
                         <select class="form-control form-control-sm min-width-unset" name="billingMarkedDone">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('billingMarkedDone') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('billingMarkedDone') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Billing Closed</label>
                         <select class="form-control form-control-sm min-width-unset" name="billingClosed">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('billingClosed') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('billingClosed') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Claiming Closed</label>
                         <select class="form-control form-control-sm min-width-unset" name="claimingClosed">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('claimingClosed') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('claimingClosed') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">All claims submitted</label>
                         <select class="form-control form-control-sm min-width-unset" name="allClaimsSubmitted">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('allClaimsSubmitted') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('allClaimsSubmitted') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Good/Bad</label>
                         <select class="form-control form-control-sm min-width-unset" name="goodBad">
                             <option value="">All</option>
-                            <option value="good">Good</option>
-                            <option value="bad">Bad</option>
-                            <option value="unclassified">Unclassified</option>
+                            <option {{request()->input('goodBad') === 'good' ? 'selected' : ''}} value="good">Good</option>
+                            <option {{request()->input('goodBad') === 'bad' ? 'selected' : ''}} value="bad">Bad</option>
+                            <option {{request()->input('goodBad') === 'unclassified' ? 'selected' : ''}} value="unclassified">Unclassified</option>
                         </select>
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Date From</label>
-                        <input type="date" name="startDate" class="form-control form-control-sm min-width-unset">
+                        <input type="date" name="startDate" class="form-control form-control-sm min-width-unset"
+                               value="{{request()->input('startDate')}}">
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">Date To</label>
-                        <input type="date" name="endDate" class="form-control form-control-sm min-width-unset">
+                        <input type="date" name="endDate" class="form-control form-control-sm min-width-unset"
+                               value="{{request()->input('endDate')}}">
                     </div>
                     <div class="mr-2 mb-2 width-150px">
                         <label class="text-secondary mb-1">MC Part B</label>
                         <select class="form-control form-control-sm min-width-unset" name="mcPartB">
                             <option value="">All</option>
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
+                            <option {{request()->input('mcPartB') === 'yes' ? 'selected' : ''}} value="yes">Yes</option>
+                            <option {{request()->input('mcPartB') === 'no' ? 'selected' : ''}} value="no">No</option>
                         </select>
                     </div>
                 </form>
@@ -263,6 +268,13 @@
                          }, 'json');
                          return false;
                     });
+                $('#filter-form select,#filter-form  input')
+                    .off('change')
+                    .on('change', function() {
+                        let params = $('#filter-form').serialize();
+                        fastLoad('/practice-management/notes-processing-center?' + params);
+                        return false;
+                    });
                 @if($pro->currentNotePickupForProcessing && $pro->currentNotePickupForProcessing->note)
                     $('#target-chart').attr('src', $('#target-chart').attr('data-src'));
                     $('#target-note').attr('src', $('#target-note').attr('data-src'));