<div id="team-filters">

<div id="container2" class="product-row team-grid">

<script>

function JSONtoDate(num){
  var num = new Date(num);
  var month = num.getMonth() + 1;
  var day = num.getDate();
  var year = num.getFullYear();
  var date = month + "/" + day + "/" + year;
  return(date);
}   function getJsonVal(json, itemId) {
    for (var i in json) {
        if (json[i].myKey == itemId) {
            return json[i]; 
        }
    }
}

$.getJSON('https://confluence.nike.com/rest/api/content/search?cql=type=page%20AND%20label=agile_dojo%20AND%20label=product%20order%20by%20created%20desc&limit=3&expand=metadata.labels,descendants.attachment,history', function(data) {           

	$.each(data.results, function(key, value){        

 		var output2 = ""
		var output3 = "" 

		index2 = value.descendants.attachment.results.findIndex(x => x.title ==="CardHeader.png");

		var missingImagePath = (value.descendants.attachment.results[index2]._links.download) || '/download/attachments/909164494/JQL-Block-Placeholder.png'

        $.each(value.metadata.labels.results, function(index, obj){    
            if (obj.name !== "agile_dojo" && obj.name !== "product") {
            output2 += '<a class="aui-label" target="_blank" href="https://confluence.nike.com/label/GTPPO/' + obj.name + '">' + obj.name + '<a/>' +' ';
			output3 += obj.name + ' ';
			}
		});

		var $output = $('<div onclick="location.href=\'https://confluence.nike.com'+ value._links.tinyui +'\'" class="product-column product-member element-item '+ output3 +' data-category="gsma">'+
			'<div class="product-card">'+
			'<img src="https://confluence.nike.com'+ missingImagePath +'" alt="">'+   
	       	'<div class="product-container">'+
			'<div class="product-top-wrapper">'+ 
		    '<p class="product-name"><a class="main-link" target=”_blank” href="https://confluence.nike.com'+ value._links.tinyui +'">'+ value.title +'</a></p>'+ 
		    '</div>'+
			'<div class="product-bottom-wrapper">'+
		    '<p class="product-author">Authored by <a target=”_blank” href="https://confluence.nike.com/display/~'+ value.history.createdBy.username +'">' + value.history.createdBy.displayName + '</a></p>'+ 
			'<p class="product-dated">Published '+ JSONtoDate(value.history.createdDate) +'</p>'+
			'<p class="product-labels">'+ output2 +'</p>'+
			'</div>'+
		    '</div>'+ 
			'</div>'+
			'</div>');             
 
    	$('#container2').append($output); 
    })  
})

 </script> 

</div>
 