'use strict';

var server = 'https://itunes.apple.com/';
var $videosList = $('#videos-list'),
	$searchForm = $('#search-form');
	
$searchForm.on('submit', function(event) {
	event.preventDefault();
	var searchString = $('[name="srch-term"]', this).val();
	
	requestVideos(searchString);
});

function requestVideos(title) {
	var request = $.ajax({
		url: `${server}/search?term=${title}&limit=5&entity=musicVideo`,
		method: 'GET'
	});

request.done((response) => {
	
	var responseJson = JSON.parse(response);
	if (!responseJson.hasOwnProperty('results')) return;
	
	var videos = responseJson.results;
		$('#myCarousel').removeAttr('hidden');
		$('.carousel-inner').empty();
		videos.forEach((video) => {
			
			var $item = $('<div>').addClass('item'),
				$carouselCaption = $('<div>').addClass('carousel-caption').appendTo($item);
			var $video = $('<video controls>');
			var $source = $('<source>').attr('src', video.previewUrl);
			$video
			.append($source)
			.appendTo($item);		
			$('<h2>')
				.addClass('video-heading')
				.text(video.trackName)
				.appendTo($carouselCaption);
			$('<h3>')
				.addClass('artist-name')
				.text(video.artistName)
				.appendTo($carouselCaption);
			$carouselCaption
			.appendTo($item);
				
			$item
			.appendTo('.carousel-inner');
		})
		$('.item').eq(0).addClass('active');
});
request.fail((error) => {
	console.log('error', error);
});

};

$('.carousel').carousel();
requestVideos('enigma');