jQuery( function( $ ) {
    const wireup_a_z_listing = function() {
        jQuery( '.a-z-listing-widget' ).each( function( idx, el ) {
            el = $(el);
            const target_post                      = el.find('.a-z-listing-target-post');
            const target_post_title                = el.find('.a-z-listing-target-post-title');
            const display_type                     = el.find('.a-z-listing-display-type');
            const listing_post_type                = el.find('.a-z-listing-post-type');
            const listing_post_type_wrapper        = el.find('.a-z-listing-post-type-wrapper');
            const listing_parent_post              = el.find('.a-z-listing-parent-post');
            const listing_parent_post_title        = el.find('.a-z-listing-parent-post-title');
            const listing_parent_post_wrapper      = el.find('.a-z-listing-parent-post-wrapper');
            const listing_taxonomy                 = el.find('.a-z-listing-taxonomy');
            const listing_taxonomy_wrapper         = el.find('.a-z-listing-taxonomy-wrapper');
            const listing_parent_term              = el.find('.a-z-listing-parent-term');
            const listing_parent_term_wrapper      = el.find('.a-z-listing-parent-term-wrapper');
            const listing_hide_empty_terms         = el.find('.a-z-listing-hide-empty-terms');
            const listing_hide_empty_terms_wrapper = el.find('.a-z-listing-hide-empty-terms-wrapper');
            const listing_exclude_terms            = el.find('.a-z-listing-exclude-terms');
            const listing_exclude_terms_wrapper    = el.find('.a-z-listing-exclude-terms-wrapper');

            const switch_taxonomy_or_posts = function() {
                if ( 'terms' === display_type.val() ) {
                    listing_post_type.attr( 'disabled', 'disabled' );
                    listing_post_type_wrapper.hide();
                    listing_parent_post_title.attr( 'disabled', 'disabled' );
                    listing_parent_post_wrapper.hide();
                    listing_taxonomy.removeAttr( 'disabled' );
                    listing_taxonomy_wrapper.show();
                    listing_parent_term.removeAttr( 'disabled' );
                    listing_parent_term_wrapper.show();
                    listing_hide_empty_terms.removeAttr( 'disabled' );
                    listing_hide_empty_terms_wrapper.show();
                    listing_exclude_terms.removeAttr( 'disabled' );
                    listing_exclude_terms_wrapper.show();
                } else {
                    listing_post_type.removeAttr( 'disabled' );
                    listing_post_type_wrapper.show();
                    listing_parent_post_title.removeAttr( 'disabled' );
                    listing_parent_post_wrapper.show();
                    listing_taxonomy.attr( 'disabled', 'disabled' );
                    listing_taxonomy_wrapper.hide();
                    listing_parent_term.attr( 'disabled', 'disabled' );
                    listing_parent_term_wrapper.hide();
                    listing_hide_empty_terms.attr( 'disabled', 'disabled' );
                    listing_hide_empty_terms_wrapper.hide();
                    listing_exclude_terms.attr( 'disabled', 'disabled' );
                    listing_exclude_terms_wrapper.hide();
                }
            };

            switch_taxonomy_or_posts();
            display_type.change( switch_taxonomy_or_posts );

            $( target_post_title ).autocomplete( {
                source: function( post_title, response ) {
                    jQuery.ajax( {
                        url:      a_z_listing_widget_admin.ajax_url || '/wp-admin/admin-ajax.php',
                        type:     'POST',
                        dataType: 'json',
                        data: {
                            action:    'get_a_z_listing_autocomplete_post_titles',
                            post_type: '',
                            post_title,
                        },
                        success: function( data ) {
                            response( data );
                        },
                        error: function() {
                            response();
                        },
                    } );
				},
                select: function( event, ui ) {
                    event.preventDefault();
                    target_post_title
                        .find('~ input[type="hidden"]')
                        .val( ui.item.value );
                    target_post_title
                        .val( ui.item.label );
                },
            } );

            $( listing_parent_post_title ).autocomplete( {
                source: function( post_title, response ) {
                    jQuery.ajax( {
                        url:      a_z_listing_widget_admin.ajax_url || '/wp-admin/admin-ajax.php',
                        type:     'POST',
                        dataType: 'json',
                        data: {
                            action:    'get_a_z_listing_autocomplete_post_titles',
                            post_type: listing_post_type.val(),
                            post_title,
                        },
                        success: function( data ) {
                            response( data );
                        },
                        error: function() {
                            response();
                        },
                    } );
                },
                select: function( event, ui ) {
                    event.preventDefault();
                    listing_parent_post_title
                        .find('~ input[type="hidden"]')
                        .val( ui.item.value );
                    listing_parent_post_title
                        .val( ui.item.label );
                }
            } );
        } );
    };

    wireup_a_z_listing();
    $( document ).on( 'widget-updated widget-added', function( e ) { wireup_a_z_listing(); } );
} );