15 min, search multiple

resources/views/search.blade.php

@@ -1,5 +1,9 @@
 @extends('master')
 
+@section('head')
+<meta name="csrf-token" content="{{ csrf_token() }}">
+@stop
+
 @section('title')
         <div class="title m-b-md">
             Search monitoring
@@ -14,8 +18,41 @@
 
 @section('content')
 <div id="app">
-            <search-multiple-input></search-multiple-input>
+            <search-multiple-input ref="search"></search-multiple-input>
+            <search-table :data="table_data" ref="table"></search-table>
 </div>
+
+@isset($data)
+<table class="table">
+    <thead class="thead-dark">
+      <tr>
+        <th scope="col">IP</th>
+        <th scope="col">Meno PC</th>
+        <th scope="col">Užívateľ</th>
+        <th scope="col">Od</th>
+        <th scope="col">Do</th>
+      </tr>
+    </thead>
+    <tbody>
+
+        @foreach ($data as $r)
+        <tr>
+        <th scope="row">{{$r->ip}}</th>
+        <td>{{$r->comp}}</td>
+        <td>{{$r->name}}</td>
+        <td>{{$r->f}}</td>
+        <td>{{$r->t}}</td>
+        </tr>
+        @endforeach
+    
+    </tbody>
+  </table>
+
+
+
+</div>
+@endisset
+
 <script>
     $(document).ready( function() {
     
@@ -26,11 +63,15 @@
         var app = new Vue({
             el: "#app",
             data: {
-                counter: 0
+                counter: 0,
+                table_data: []
             },
             methods: {
                 
             },
+            mounted: function() {
+              console.log("START TABLE");
+            } 
             
         });