/*!
 * JavaScript for Special:Search
 */
( function () {
	$( () => {
		// Emulate HTML5 autofocus behavior in non HTML5 compliant browsers
		if ( !( 'autofocus' in document.createElement( 'input' ) ) ) {
			$( 'input[autofocus]' ).eq( 0 ).trigger( 'focus' );
		}

		// Attach handler for check all/none buttons
		const $checkboxes = $( '#powersearch input[id^=mw-search-ns]' );
		$( '#mw-search-toggleall' ).on( 'click', () => {
			$checkboxes.prop( 'checked', true );
		} );
		$( '#mw-search-togglenone' ).on( 'click', () => {
			$checkboxes.prop( 'checked', false );
		} );

		// Change the header search links to what user entered
		const $headerLinks = $( '.search-types a' );
		const searchWidget = OO.ui.infuse( $( '#searchText' ) );
		const updateHeaderLinks = function ( value ) {
			$headerLinks.each( function () {
				const parts = $( this ).attr( 'href' ).split( 'search=' );
				let lastpart = '',
					prefix = 'search=';
				if ( parts.length > 1 && parts[ 1 ].includes( '&' ) ) {
					lastpart = parts[ 1 ].slice( parts[ 1 ].indexOf( '&' ) );
				} else {
					prefix = '&search=';
				}
				this.href = parts[ 0 ] + prefix + encodeURIComponent( value ) + lastpart;
			} );
		};
		searchWidget.on( 'change', updateHeaderLinks );
		updateHeaderLinks( searchWidget.getValue() );

		// When saving settings, use the proper request method (POST instead of GET).
		$( '#mw-search-powersearch-remember' ).on( 'change', function () {
			this.form.method = this.checked ? 'post' : 'get';
		} ).trigger( 'change' );

	} );

}() );