Use `reservations` Vue component.

1 files changed, 1 insertions, 93 deletions

diff --git a/resources/views/pages/reservations.blade.php b/resources/views/pages/reservations.blade.php
index addc9a9..475e5d7 100644
--- a/resources/views/pages/reservations.blade.php
+++ b/resources/views/pages/reservations.blade.php
@@ -4,98 +4,6 @@
 
 @section('navbar', View::make('inc.navbar'))
 
-@section('scripts')
-    <script src="{{ asset('js/reservations.js') }}"></script>
-@endsection
-
 @section('content')
-<input type="hidden" name="csrf-token" content="{{ csrf_token() }}">
-<label for="call-sign">Filter by special callsign: </label>
-<select id="call-sign">
-    <option value="all">All</option>
-    @if (count($signs) > 0)
-        @foreach ($signs as $sign)
-            <option value="{{ $sign->sign }}">{{ $sign->sign }}</option>
-        @endforeach
-    @endif
-</select>
-<div id="notice" class="float-right font-weight-bold"></div>        
-
-<div class="table-responsive mt-2">
-    <table id="ajax-table" class="table table-striped table-bordered" style="white-space:nowrap;"><!-- table-hover -->
-        <thead class="thead-dark">
-            <tr>
-                <th>ID</th>
-                <th>Approved</th>
-                <th>Operator Callsign</th>
-                <th>QSO</th>
-                <th>From</th>
-                <th>To</th>
-                <th>Special Callsign</th>
-                <th>Frequencies</th>
-                <th>Modes</th>
-                <th>Operator Name</th>
-                <th>Operator Email</th>
-                <th>Operator Phone</th>
-                <th>Actions</th>
-            </tr>
-        </thead>
-        <tbody>
-        </tbody>
-    </table>
-</div>
-{{--@if (count($data) > 0)--}}
-{{--<div class="table-responsive">--}}
-    {{--<table class="table table-striped table-bordered" style="white-space:nowrap;"><!-- table-hover -->--}}
-        {{--<thead class="thead-dark">--}}
-            {{--<tr>--}}
-                {{--<th>ID</th>--}}
-                {{--<th>Approved</th>--}}
-                {{--<th>Operator Callsign</th>--}}
-                {{--<th>QSO</th>--}}
-                {{--<th>From</th>--}}
-                {{--<th>To</th>--}}
-                {{--<th>Frequencies</th>--}}
-                {{--<th>Modes</th>--}}
-                {{--<th>Special Callsign</th>--}}
-                {{--<th>Operator Name</th>--}}
-                {{--<th>Operator Email</th>--}}
-                {{--<th>Operator Phone</th>--}}
-                {{--<th>Actions</th>--}}
-            {{--</tr>--}}
-        {{--</thead>--}}
-        {{--<tbody>--}}
-            {{--@foreach ($data as $row)--}}
-                {{--<tr>--}}
-                    {{--<td class="align-middle">{{ $row->id }}</td>--}}
-                    {{--@if ($row->approved)--}}
-                       {{--<td class="align-middle"><input type="checkbox" checked></td> --}}
-                    {{--@else--}}
-                       {{--<td class="align-middle"><input type="checkbox"></td> --}}
-                    {{--@endif--}}
-                    {{--<td class="align-middle">{{ $row->operatorCall }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->qso }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->fromTime }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->toTime }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->frequencies }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->modes }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->specialCall }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->operatorName }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->operatorEmail }}</td>--}}
-                    {{--<td class="align-middle">{{ $row->operatorPhone }}</td>--}}
-                    {{--<td>--}}
-                        {{--<button class="btn btn-primary">Update</button>--}}
-                        {{--<button class="btn btn-warning">Restore</button>--}}
-                        {{--<button class="btn btn-danger">Delete</button>--}}
-                    {{--</td>--}}
-                {{--</tr>--}}
-            {{--@endforeach--}}
-        {{--</tbody>--}}
-    {{--</table>--}}
-{{--</div>--}}
-{{--@else--}}
-{{--<div class="text-center">--}}
-    {{--<strong>There are currently no reservations.</strong>--}}
-{{--</div>--}}
-{{--@endif--}}
+    <reservations-view></reservations-view>
 @endsection()