Made Live search is done

skolehjem/resources/views/admin/roles/index.blade.php

@@ -10,8 +10,16 @@
 @endsection
 
 @section("content")
+    <script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
     <div class="row align-items-center">
         <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('roles.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Rolle</a>
+
+        <form method="post" action="{{ route("roles.store") }}">
+            @csrf
+            <input type="text" class="form-controller" id="search" name="search"  placeholder="Søg efter navn"></input>
+        </form>
+
+
     </div>
     <table class="tbl mt-2">
         <tr>
@@ -35,4 +43,26 @@
             </tr>
         @endforeach
     </table>
+
+
+    <script>
+        $('#search').on('keyup', function () {
+            $value = $(this).val();
+            $.ajax({
+                type: 'get',
+                url: '{{route('roles.search')}}',
+                data: {'search':$value},
+                success:function (data) {
+                    $('tbody').html(data);
+                    console.log(data);
+                },
+                error:function (data) {
+                    console.log(data);
+                }
+            });
+        })
+    </script>
+
+
+
 @endsection