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

@section('scripts')
<script>

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

    $('#flight_fares a').editable({
        type: 'text',
        mode: 'inline',
        emptytext: 'inherited',
        url: '{{ url('/admin/flights/'.$flight->id.'/fares') }}',
        title: 'Enter override value',
        ajaxOptions: {
            type: 'post',
            headers: {
                'x-api-key': api_key,
                'X-CSRF-TOKEN': csrf_token
            }
        },
        params: function (params) {
            return {
                _method: 'put',
                fare_id: params.pk,
                name: params.name,
                value: params.value
            }
        }
    });
};

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

    $('#flight_fields_wrapper a.inline').editable({
        type: 'text',
        mode: 'inline',
        emptytext: 'no value',
        url: '{{ url('/admin/flights/'.$flight->id.'/fields') }}',
        ajaxOptions: {
            type: 'post',
            headers: {
                'x-api-key': api_key,
                'X-CSRF-TOKEN': csrf_token
            }
        },
        params: function (params) {
            return {
                _method: 'put',
                field_id: params.pk,
                name: params.name,
                value: params.value
            }
        }
    });
};

$(document).ready(function () {
  $("select#days_of_week").select2();

  setEditable();
  setFieldsEditable();

  const start_date_picker = new Pikaday({
    field: document.getElementById('start_date'),
    minDate: new Date(),
  });

  const end_date_picker = new Pikaday({
    field: document.getElementById('end_date'),
    minDate: new Date(),
  });

  $(document).on('submit', 'form.pjax_flight_fields', function (event) {
    event.preventDefault();
    $.pjax.submit(event, '#flight_fields_wrapper', {push: false});
  });

  $(document).on('submit', 'form.pjax_subfleet_form', function (event) {
    event.preventDefault();
    $.pjax.submit(event, '#subfleet_flight_wrapper', {push: false});
  });

  $(document).on('submit', 'form.pjax_fares_form', function (event) {
    event.preventDefault();
    $.pjax.submit(event, '#flight_fares_wrapper', {push: false});
  });

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

  $('a.airport_distance_lookup').click(async function (e) {
     e.preventDefault();
     const fromIcao = $("select#dpt_airport_id option:selected").val();
     const toIcao = $("select#arr_airport_id option:selected").val();
     console.log('fromIcao="' + fromIcao + '", toIcao="' + toIcao + '"');

     if (fromIcao === '' || toIcao === '') {
       return;
     }

     console.log(`Calculating from ${fromIcao} to ${toIcao}`);
     let response;

     try {
       response = await phpvms.calculate_distance(fromIcao, toIcao);
     } catch (e) {
       console.log('Error calculating distance:', e);
       return;
     }

     $("#distance").val(response.data.distance.nmi);
  });
});
</script>
@endsection