Process claims [wip]

app/Http/Controllers/PracticeManagementController.php

@@ -1059,7 +1059,10 @@ FROM claim
     left join pro sp on app_session.pro_id = sp.id
 --WHERE claim.status IS NULL OR claim.status = 'NEW'
 WHERE (claim.status is NULL OR claim.status NOT IN ('CANCELLED', 'ABANDONED'))
-AND (client.name_first ILIKE :q OR client.name_last ILIKE :q OR client.chart_number ILIKE :q OR client.mcn ILIKE :q)
+AND (client.name_first ILIKE :q OR 
+     client.name_last ILIKE :q OR 
+     client.chart_number ILIKE :q OR 
+     client.mcn ILIKE :q)
 AND (claim.created_at >= :from AND claim.created_at <= :to)
 ORDER BY claim.created_at ASC
 --OFFSET 0 LIMIT 15

resources/views/app/practice-management/process-claims.blade.php

@@ -9,10 +9,11 @@
                         To Do
                     </div>
                     <form class="ml-4 mr-auto d-inline-flex align-items-center" v-on:submit.prevent="doFilter()">
-                        <input type="text" v-model="filter.q" class="form-control form-control-sm width-150px mr-2" placeholder="Name/MCN/Chart #">
+                        <input type="text" v-model="filter.q" class="form-control form-control-sm width-200px mr-2" placeholder="Name/MCN/Chart #">
                         <input type="date" v-model="filter.from" class="form-control form-control-sm width-150px mr-2">
                         <input type="date" v-model="filter.to" class="form-control form-control-sm width-150px mr-2">
-                        <button class="btn btn-sm btn-primary">Filter</button>
+                        <button class="btn btn-sm btn-primary mr-2">Filter</button>
+                        <button class="btn btn-sm btn-default border" v-on:click.prevent="resetFilter()">Reset</button>
                     </form>
                 </div>
                 <div v-for="(claim, claimIndex) in claims"
@@ -313,6 +314,12 @@
                                 this.resetCurrentClaim();
                                 hideMask();
                             }, 'json');
+                        },
+                        resetFilter: function() {
+                            this.filter.q = '';
+                            this.filter.from = '';
+                            this.filter.to = '';
+                            this.doFilter();
                         }
                     },
                     mounted: function() {