phpvms/resources/views/admin/pireps/scripts.blade.php

@section('scripts')
<script>
const changeStatus = (values, fn) => {
    console.log('Changing PIREP ' + values.pirep_id + ' to state ' + values.new_status);
    $.ajax({
        url: BASE_URL + '/admin/pireps/' + values.pirep_id + '/status',
        data: values,
        type: 'POST',
        headers: {
            'x-api-key': PHPVMS_USER_API_KEY
        },
        success: function (data) {
            fn(data);
        }
    });
};

$(document).ready(() => {

    const select_id = "select#aircraft_select";
    const destContainer = $('#fares_container');

    $(select_id).change((e) => {
        const aircraft_id = $(select_id + " option:selected").val();
        console.log('aircraft select change: ', aircraft_id);

        $.ajax({
            url: "{!! url('/admin/pireps/fares') !!}?aircraft_id=" + aircraft_id,
            type: 'GET',
            headers: {
                'x-api-key': '{!! Auth::user()->api_key !!}'
            },
            success: (data) => {
                console.log('returned new fares', data);
                destContainer.html(data);
            },
            error: () => {
                destContainer.html('');
            }
        });
    });

    $(document).on('submit', 'form.pjax_form', (event) => {
        event.preventDefault();
        $.pjax.submit(event, '#pirep_comments_wrapper', {push: false});
    });

    $(document).on('pjax:complete', function () {
        $(".select2").select2();
    });

    /**
     * Recalculate finances button is clicked
     */
    $('button#recalculate-finances').on('click', (event) => {
        event.preventDefault();
        console.log('Sending recalculate finances request');
        const pirep_id = $(event.currentTarget).attr('data-pirep-id');

        $.ajax({
            url: BASE_URL + '/api/pireps/' + pirep_id + '/finances/recalculate',
            type: 'POST',
            headers: {
                'x-api-key': PHPVMS_USER_API_KEY
            },
            success: (data) => {
                console.log(data);
                location.reload();
            }
        });
    });

    $(document).on('submit', 'form.pirep_submit_status', (event) => {
        console.log(event);

        event.preventDefault();
        const values = {
            pirep_id: $(this).attr('pirep_id'),
            new_status: $(this).attr('new_status')
        };

        changeStatus(values, (data) => {
            const destContainer = '#pirep_' + values.pirep_id + '_actionbar';
            $(destContainer).html(data);
        });
    });

    $(document).on('submit', 'form.pirep_change_status', (event) => {
        event.preventDefault();
        changeStatus({
            pirep_id: $(this).attr('pirep_id'),
            new_status: $(this).attr('new_status')
        }, (data) => {
            location.reload();
        });
    });

});
</script>
@endsection