jQuery(function ($) {
  $(document).ready(function () {
    $('[data-cpt-type="parent"]').change(function () {
      const child = $('[data-cpt-type="child"]');
      const parent_id = $(this).find(':selected').data('id');
      const parent_cpt = $(this).data('cpt');
      const brand_id = $(this).data('brand-id');
      const child_cpt = child.data('cpt');

      if (!parent_id) {
          return;
      }    

      $.get(
        dropdownSettings.ajaxurl,
        { action: 'load_dynamic_options', parent_id, parent_cpt, child_cpt, brand_id },
        function (res) {
          child.find('option').not(':first').remove();
          res.posts.forEach(function (item) {
            child.append(
              $('<option>', {
                value: item.post_title,
                text: item.post_title,
                selected: child.data('provider-id') == item.ID
              }),
            );
          });
        },
      );
    });
    $('[data-cpt-type="parent"]').trigger('change');

    if ($('[data-provider-id]').length) {
      const parent = $('[data-cpt-type="parent"]');
      $.get(
        dropdownSettings.ajaxurl,
        { 
          action: 'load_dynamic_location_options',
          provider_id: $('[data-provider-id]').data('provider-id')
        },
        function (res) {
          parent.find('option').not(':first').remove();
          res.posts.forEach(function (item) {
            parent.append(
              $('<option>', {
                value: item.post_title,
                text: item.post_title,
                'data-id' : item.ID,
              }),
            );
          });
        },
      );  
    }
  });
});