added util report

resources/views/app/practice-management/treatment-services-util.blade.php

@@ -7,11 +7,13 @@
             font-weight: bolder;
         }
     </style>
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js">
     <div class="p-3 mcp-theme-1">
         <div class="card">
             <div class="card-body">
                 <h1 class="report-table-header">Treatment Service Utilization</h1>
-                <table class="table table-bordered table-striped table-sm">
+                <table class="table table-bordered table-striped table-sm" id="table1">
                     <thead>
                     <tr>
                         <th>HCP</th>
@@ -35,7 +37,7 @@
         <div class="card mt-4">
             <div class="card-body">
                 <h1 class="report-table-header">Treatment Service Utilization By Patient</h1>
-                <table class="table table-bordered table-striped table-sm">
+                <table class="table table-bordered table-striped table-sm" id="table2">
                     <thead>
                     <tr>
                         <th>HCP</th>
@@ -63,4 +65,11 @@
         </div>
     </div>
 
+    <script>
+        $(document).ready( function () {
+            $('#table1').DataTable();
+            $('#table2').DataTable();
+        } );
+    </script>
+
 @endsection