<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
 
// this has to be out
function changeFunc() {
				var selectBox = document.getElementById("selectBox");
				var selectedValue = selectBox.options[selectBox.selectedIndex].value;
				window.location.href=selectedValue;
			}

function changeFunc2() {
				var selectBox = document.getElementById("selectBox2");
				var selectedValue = selectBox.options[selectBox.selectedIndex].value;
				window.location.href=selectedValue;
			}
jQuery(document).ready(function( $ ){
	let slug = window.location.href.split(".org/")[1].replace("/",""); //the last replace is incase there is a slash at the end
	 slug = slug.split("-").join("_");
	if(slug.includes('plans_communaux')){
		slug="plans_communaux_de_developpement";
	}else if(slug.includes("score_card")){
		slug="score-card";
	}else{
		slug="	bulletins-communaux";
	}
	
	$.ajax({
		url:window.location.origin+'/wp-json/wp/v2/region',
		success:function(xhr){
			var start="<select id='selectBox' onchange='changeFunc()'><option selected disabled>Région</option>"
			xhr.forEach(xh=>{
				start +='<option value="'+window.location.origin+'/'+'?region='+xh.slug+'&type_de_documentation='+slug+'">'+xh.name+'</option>'
			})
			start +="</select>";
			$("#selection-pholder").append(start);
		},
		error:function(){
			
		}
	})
	
	
	$.ajax({
		url:window.location.origin+'/wp-json/wp/v2/commune',
		success:function(xhr){
			var start="<select id='selectBox2' onchange='changeFunc2()'><option selected disabled>Commune</option>"
			xhr.forEach(xh=>{
				start +='<option value="'+window.location.origin+'/'+'?type_de_documentation='+slug+'&commune='+xh.slug+'">'+xh.name+'</option>'
			})
			start +="</select>";
			$("#selection-pholder").append(start);
		},
		error:function(){
			
		}
	})
	
});
</script>
<!-- end Simple Custom CSS and JS -->