// source --> /s/devotionalsearchfilter/insertSearchFilter.js 
window.onload = function(){ //debugger;

    /*
    To hide searchfilter, use: 
    <input type="hidden" id="hidesearchfilter"/>
    
    To place insert searchfilter on specific section (by default it will be placed on top of first H2 tag element), use:
    <input type="hidden" id="sfPlaceHolder"/>
    */
	
	var hidesearchfilter = document.getElementById("hidesearchfilter");
	if(hidesearchfilter !== null) { return; }
	
	var sftag;
	var sfPlaceHolder = document.getElementById("sfPlaceHolder");
	
	if(sfPlaceHolder !== null){
	    sftag = sfPlaceHolder;
	}
	else {
	    sftag = document.getElementsByTagName("h2")[0];
	}
	
	if(sftag === undefined || sftag === null) { return; }
	
	//var h1Text = sftag.innerText.toLowerCase();
	//if(h1Text.match(/(^|\W)chalisa($|\W)/) || h1Text.match(/(^|\W)aarti($|\W)/) || h1Text.match(/(^|\W)stotram($|\W)/) || h1Text.match(/(^|\W)ashtakam($|\W)/) || h1Text.match(/(^|\W)mantras($|\W)/))
	//{
	
		let link = document.createElement('link');
		// set the attributes for link element
		link.rel = 'stylesheet';
		link.type = 'text/css';
		link.href = '/s/devotionalsearchfilter/searchfilter.css';
		sftag.insertAdjacentElement('beforebegin', link);
		
		var newDiv = document.createElement('div');
		newDiv.innerHTML = '<div id="searchPopup"><div class="popup-header"><span style="font-weight:bold;">Search: </span><input type="text" id="myInput" autocomplete="off" placeholder=" type keyword(s) &amp; filter..." onclick="myInputOnClick();"><button onclick="displayAllResult();" style="padding: 5px 9px; border-radius: 10px; color:#fff; margin-left: 10px;" >Clear</button> <button id="btnpopclose" class="popup-close" onclick="popupClose()">×</button> </div> <div id="mySearchList"></div> </div>';
		sftag.insertAdjacentElement('beforebegin', newDiv);
		
		let script = document.createElement('script');
		script.type = 'text/javascript';
		script.src = '/s/devotionalsearchfilter/searchfilter.js';
		sftag.insertAdjacentElement('beforebegin', script);
		
		var br1 = document.createElement("br");
		sftag.insertAdjacentElement('beforebegin', br1);
		var br2 = document.createElement("br");
		sftag.insertAdjacentElement('beforebegin', br2);
		//var br3 = document.createElement("br");
		//sftag.insertAdjacentElement('beforebegin', br3);
		
		LoadSearchFilterList();
	//}
}

async function LoadSearchFilterList() { 
		var searchResult = "";
		const response = await fetch('https://helphindime.com/wp-json/PublicAPIs/v1/GetAllDevotionalList');
		    var count = 1;
			const data = await response.json();
			data.forEach(obj => {
			    searchResult += '<div class="filter-list-item"><a href="/' + obj.post_name + '/" target="_blank"><b>' + count + ') ' + obj.post_title + '</b></a></div>'
			    count++;
			});

		document.getElementById('mySearchList').innerHTML = searchResult;
	};
// source --> /s/numerologySelfAds/numerologySelfAdLink.js 
window.onload = function(){ //debugger; alert("tst ok");
    
    var sideBarSelfAdsDiv = document.getElementById("sbSelfAds");
    if(sideBarSelfAdsDiv === undefined || sideBarSelfAdsDiv === null) { return; }
    sideBarSelfAdsDiv.innerHTML = '<div style="margin-bottom: 25px; border: 2px solid red; padding: 20px; border-radius: 10px; text-align: center;"><a href="https://www.codeindotnet.com/name-numerology-calculator-1-to-9-meaning/" target="_blank">What is your <b><span style="color: #ff7f50;">Name Numerology</span></b><br>Check here - Free Online Tool</a></div>';
    
    var mainSelfAdsDiv = document.getElementById("mainSelfAds");
    if(mainSelfAdsDiv === undefined || mainSelfAdsDiv === null) { return; }
    mainSelfAdsDiv.innerHTML = '<div><a href="https://www.codeindotnet.com/name-numerology-calculator-1-to-9-meaning/" target="_blank"><span style="border: 1px solid lightblue;border-radius: 5px;padding: 5px 15px;">What is your <b><span style="color: #ff7f50;">Name Numerology</span></b> Check here - Free Online Tool</span></a></div>';
    
};