<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
var year=new Date().getFullYear();
var month=1;
function changeFunc() {
				var selectBox = document.getElementById("selectBox");
				var selectedValue = selectBox.options[selectBox.selectedIndex].value;
				var year = selectedValue;
			}

function changeFunc2() {
				var selectBox = document.getElementById("selectBox2");
				var selectedValue = selectBox.options[selectBox.selectedIndex].value;
				window.location.href=selectedValue;
			}
function submitYearMonthSearch(){
	console.log(month,year)
}
jQuery(document).ready(function( $ ){
	const months =["Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
	const years = [1,2,3,4,5,6,7,8,9].map(k=>{
		return year-k;
	})
// 	var content="<div class='row'><div class='col-sm-12 col-md-3'></div><div class='col-sm-12 col-md-3'></div></div><div><button class='btn btn-primary'></button></div>";
	
	
			var start="<select style='margin-left:10px' id='selectBox' onchange='changeFunc()'><option selected disabled>Mois</option>"
			months.forEach((xh,index)=>{
				
				start +='<option value="'+(index+1)+'">'+xh+'</option>'
			})
			start +="</select>";

			start+="<select style='margin-left:10px' id='selectBox' onchange='changeFunc()'><option selected disabled>Année</option>"
			months.forEach((xh,index)=>{
				
				start +='<option value="'+(xh)+'">'+xh+'</option>'
			})
			start +="</select ><button class='btn btn-primary' onclick='submitYearMonthSearch()'>Rechercher</button>";
			$("#selection-pholder").append(start);
	
});
</script>
<!-- end Simple Custom CSS and JS -->