#57 user can save flights

resources/views/layouts/default/flights/index.blade.php

@@ -16,4 +16,37 @@
     </div>
 </div>
 @endsection
+@section('scripts')
+<script>
+$(document).ready(function() {
+    $("button.save_flight").click(function(e) {
+        var btn = $(this);
+        var flight_id = btn.attr('x-id');
+
+        var params = {
+            method: 'POST',
+            data: {'flight_id': flight_id, _token: "{{ csrf_token() }}"},
+            //headers: { 'X-CSRF-Token': "{{ csrf_token() }}" }
+        };
+
+        if(btn.hasClass('btn-danger')) {
+            params.data.action = 'remove';
+            params.success = function() {
+                console.log('successfully removed flight');
+                btn.removeClass('btn-danger');
+            }
+        } else {
+            params.data.action = 'save';
+            params.success = function() {
+                console.log('successfully saved flight');
+                btn.addClass('btn-danger');
+            }
+        }
+
+        $.ajax("/flights/save", params);
+        e.preventDefault();
+    });
+});
+</script>
+@endsection
 

resources/views/layouts/default/flights/table.blade.php

@@ -14,7 +14,9 @@
             </div>
             <div class="col-sm-9 text-sm-right">
                 <!-- use for saved: btn-outline-primary -->
-                <button class="btn btn-outline-primary btn-icon btn-icon-mini btn-round" type="button">
+                <button class="btn btn-icon btn-icon-mini btn-round
+                               {{ in_array($flight->id, $saved) ? 'btn-danger':'' }}
+                               save_flight" x-id="{!! $flight->id !!}" type="button">
                     <i class="now-ui-icons ui-2_favourite-28"></i>
                 </button>
             </div>