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

@section('scripts')
  <script>
    const changeStatus = async (values, fn) => {
      console.log('Changing PIREP ' + values.pirep_id + ' to state ' + values.new_status);

      const opts = {
        method: 'POST',
        url: '{{url('/admin/pireps')}}/' + values.pirep_id + '/status',
        data: values,
      };

      const response = await phpvms.request(opts);
      fn(response.data);
    };

    $(document).ready(() => {
      const select_id = "select#aircraft_select";
      const destContainer = $('#fares_container');

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

        const response = await phpvms.request("{{ url('/admin/pireps/fares') }}?aircraft_id=" + aircraft_id);
        console.log('returned new fares', response.data);
        destContainer.html(response.data);
      });

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

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

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

        const opts = {
          method: 'POST',
          url: '{{url('/api/pireps')}}/' + pirep_id + '/finances/recalculate',
        };

        const response = await phpvms.request(opts);
        console.log(response.data);
        location.reload();
      });

      $(document).on('submit', 'form.pirep_submit_status', (event) => {
        event.preventDefault();
        const values = {
          pirep_id: $(event.currentTarget).attr('pirep_id'),
          new_status: $(event.currentTarget).attr('new_status')
        };

        console.log('change status', values);

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

      $(document).on('submit', 'form.pirep_change_status', (event) => {
        event.preventDefault();

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

        console.log('change status', values);

        changeStatus(values, (data) => {
          location.reload();
        });
      });

    });
  </script>
@endsection