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

@extends("layouts.${SKIN_NAME}.app")
@section('title', 'flights')

@section('content')
<div class="row">
    @include('flash::message')
    <div class="col-md-9">
        <h2 class="description">flights</h2>
        @include("layouts.${SKIN_NAME}.flights.table")
    </div>
    <div class="col-md-3">
        @include("layouts.${SKIN_NAME}.flights.search")
    </div>
</div>
<div class="row">
    <div class="col-12 text-center">
        {{ $flights->links("layouts.${SKIN_NAME}.pagination.default") }}
    </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