$(document).ready(function() {
	$("#searchCategories").change(function() {
		getDetails($(this).val());

	});
	
	
	if($("#detailsTable tr").length == 0 && $("#searchCategories").val() != "-1") {
		getDetails($("#searchCategories").val());
	}

});


function getDetails(catID) {
	$.ajax({
		type: 'POST',
		url: '/wyszukiwanie-zaawansowane-detale',
		dataType: 'json',
		data: 'catID='+catID,
		success: function(data) {
			$("#detailsTable").empty();

			if(!data.hasData) {
				// nie ma tabeli lub nie ma takiej kategorii - nie pokazujemy bonusow
			} else {
				// mamy dane
				var details = data.detail;
				
				for ( var x = 0; x<details.length; x++) {
					var html = '<tr><td class="propertyName">'+details[x].name+'</td><td class="propertyValue">';
					
					var values = details[x].value;
					
					html += '<div class="selectContainer">';
					html += '<select name="detail['+details[x].id+']">';
					html += '<option value="">- dowolne -</option>';
					for( var y = 0; y<values.length; y++) {
						
						html += '<option value="'+values[y]+'">'+values[y]+'</option>';
					}
					html += "</select></div>\n";
					
					html += "</td></tr>";
					
					$("#detailsTable").append(html);
				} 
			}
		}
	});
}