$(document ).ready(function() {
	getListData();	

	$('#tombolCari').click(function(){
       getListData();
    });

	$('#sektor').on('change', function() {
		var sektor= this.value;
		$.ajax({ 
			url   : "https://dpmptsp.pekanbaru.go.id/promosi/getDataPMA.php?action=getdataSubsektor"	,
			type  : "POST",	
			data: { sektor: sektor},			
			success: function(result){ 
				var response = jQuery.parseJSON(result);	
				$('#subsektor').find('option').remove(); 				
				$('#subsektor').append('<option value="" selected>Semua Subsektor Usaha</option>');							
				response.forEach(function(item, idx) {
					$('#subsektor').append('<option value="'+item.nama +'">' + item.nama + '</option>');
				});	
				$('#subsektor').niceSelect('destroy'); 
				$('#subsektor').niceSelect();				
			}
		});				
	});	
	
});	

	function getListData() {
		var nama =$("input[name=nama]").val(),
			sektor =$('select[name=sektor] option').filter(':selected').val();
			subsektor =$('select[name=subsektor] option').filter(':selected').val();
		var url = "https://dpmptsp.pekanbaru.go.id/promosi/getDataPMA.php?action=getdata"				
	   $.ajax({
			type: 'post',
			beforeSend: function() {
				$("#resultCari").empty();
				$("#loading-image").show();
			},		
			url   : url,
			data: { nama: nama, sektor: sektor , subsektor: subsektor },
			success: function (response) {
			$('#resultCari').append(response);
			$("#loading-image").hide();
		 }
	   });
	};		
	

	function modalEvent(button) {
	
			const trigger = button.getAttribute('data-modal-trigger');
			const id = button.getAttribute('data-id');
			var namaUsaha = button.getAttribute('data-namaUsaha');
			const modal = document.querySelector(`[data-modal=${trigger}]`);
			const contentWrapper = modal.querySelector('.content-wrapper');
			const close = modal.querySelector('.close');

			$.ajax({
				type : 'post',
				url : 'https://dpmptsp.pekanbaru.go.id/promosi/getDataPMA.php?action=getDetail',
				data :  'id='+ id,
				success : function(data){
				$('#fetched-data').html(data);
				}
			});
			$("#namaUsaha").text(namaUsaha);
			close.addEventListener('click', () => modal.classList.remove('open'));
			modal.addEventListener('click', () => modal.classList.remove('open'));
			contentWrapper.addEventListener('click', (e) => e.stopPropagation());

			modal.classList.toggle('open');

	}