phpvms/resources/views/admin/airports/script.blade.php

@section('scripts')
  <script>
    'use strict';

    function setEditable() {
      const csrf_token = $('meta[name="csrf-token"]').attr('content');
      const api_key = $('meta[name="api-key"]').attr('content');

      @if(isset($airport))
      $('#airport-expenses a.text').editable({
        emptytext: '0',
        url: '{{ url('/admin/airports/'.$airport->id.'/expenses') }}',
        title: 'Enter override value',
        ajaxOptions: {
          type: 'post',
          headers: {
            'x-api-key': api_key,
            'X-CSRF-TOKEN': csrf_token
          }
        },
        params: function (params) {
          return {
            _method: 'put',
            expense_id: params.pk,
            name: params.name,
            value: params.value
          }
        }
      });

      $('#airport-expenses a.dropdown').editable({
        type: 'select',
        emptytext: '0',
        source: {!! json_encode(list_to_editable(\App\Models\Enums\ExpenseType::select())) !!},
        url: '{{ url('/admin/airports/'.$airport->id.'/expenses') }}',
        title: 'Enter override value',
        ajaxOptions: {
          type: 'post',
          headers: {
            'x-api-key': api_key,
            'X-CSRF-TOKEN': csrf_token
          }
        },
        params: function (params) {
          return {
            _method: 'put',
            expense_id: params.pk,
            name: params.name,
            value: params.value
          }
        }
      });
      @endif
    }

    $(document).ready(function () {
      const api_key = $('meta[name="api-key"]').attr('content');
      const csrf_token = $('meta[name="csrf-token"]').attr('content');

      setEditable();

      $('#airports-table a.inline').editable({
        type: 'text',
        mode: 'inline',
        emptytext: '0',
        url: '{{ url('/admin/airports/fuel') }}',
        title: 'Enter price per unit of fuel',
        ajaxOptions: {
          type: 'post',
          headers: {
            'x-api-key': api_key,
            'X-CSRF-TOKEN': csrf_token
          }
        },
        params: function (params) {
          return {
            _method: 'put',
            id: params.pk,
            name: params.name,
            value: params.value
          }
        }
      });

      $('a.airport_data_lookup').click(async function (e) {
        e.preventDefault();
        const icao = $("input#airport_icao").val();
        if (icao === '') {
          return;
        }

        let response;
        try {
          response = await phpvms.airport_lookup(icao);
        } catch (e) {
          console.log('Error looking up airport!', e);
          return;
        }

        _.forEach(response.data, function (value, key) {
          if (key === 'city') {
            key = 'location';
          }

          $("#" + key).val(value);

          if (key === 'tz') {
            $("#timezone").val(value);
            $("#timezone").trigger('change');
          }
        });
      });

      $(document).on('submit', 'form.modify_expense', function (event) {
        event.preventDefault();
        console.log(event);
        $.pjax.submit(event, '#airport-expenses-wrapper', {push: false});
      });

      $(document).on('pjax:complete', function () {
        initPlugins();
        setEditable();
      });
    });
  </script>
@endsection