{{- if .Site.Params.widgets.search }}
<h4 class="widget__title">Search</h4>
<div class="widget-search widget">
	<form class="widget-search__form" role="search" method="get" action="/search/">
		<label>
			<span class="screen-reader-text">Search for:</span>
			<input class="widget-search__field" type="search" autocomplete="off" placeholder="SEARCH..." value="" id="query" name="q">
		</label>
		<input class="widget-search__submit" type="submit" value="Search">
	</form>
</div>
{{- if ( eq .URL "/search/" ) }}
<script language="Javascript">
	$( window ).load( function( ) {	
		var paramsString = window.location.search;
		var searchParams = new URLSearchParams( paramsString );
		if( searchParams.has( "q" ) ) {
			$( "#query" ).val( searchParams.get( "q" ) );
			$( "#query" ).removeAttr( "placeholder" );
		}
	} );
</script>
{{- end }}
{{- end }}