addScopeJS(["Approach", "Component", "Banner"], {

	GetSlideList:function(context){
		let current_prop = context.current_prop;			// Assumes Approach_Subcomponent prop type with a label.AutoLabel and a ul.AutoList
		let binding_index = context.binding_index;
		let binding = context.binding;
		let data = context.data;
		let container = current_prop.find(".AutoList").first();
		let banner_id = data["_self_id"];

		let DataIntent = {
			"command": {
				"REFRESH":{
					"Component": "GetSlideList"
				}
			},
			"support": {
				"component_id": banner_id,
				"which_component" : "Banner"
			}
		};
		console.log('Calling Intent: ',DataIntent.command);
		console.log('Supporting intent with data: ',DataIntent.support);
		var ReqData = { json: JSON.stringify(DataIntent) };

		$.ajax({
			url: "__api/Utility.php",   //url of Utility.php
			type: "post",
			data: ReqData,  //the json data
			dataType: "json",
			xhrFields: {                    withCredentials: true                },
			crossDomain: true,
			success: function(json, status, xhr){
				let payload = json["REFRESH"]["#Dynamics"];
				container.append(payload);
			}
		});

		// TODO: Add new slide button

		return true;
	}

});