$(document).ready( function() {
	$('input[name="reporting_period"]').daterangepicker({
		opens: 'center',
		showDropdowns: true,
		singleDatePicker: false,
		autoUpdateInput: false,
		autoApply: true,
	  }) .on('apply.daterangepicker', function (ev, picker) {
		  $('#reporting_period').val(picker.startDate.format('MM/DD/YYYY')+' - '+picker.endDate.format('MM/DD/YYYY'));
		  enable_update_button();
	});
});

let studioReport = 'empty';

$('#get-report').on('click', function() {
	$('#show-report').toggleClass('glyphicon-menu-down glyphicon-menu-up');
	switch (studioReport) {
		case 'empty':
			get_report_preview();
		break;
		case 'loaded':
			$('#iframe-container').toggleClass('hidden-iframe visible-iframe');
			$('#get-report').toggleClass('report-hidden report-visible');
		break;
	}
});

function get_report_preview() {
	studioReport = 'loaded';
	$.ajax({
		type: "GET",
		url: '{{ action('BusinessTicketController@get_data_studio_preview') }}',
		data: {
			business_ticket: '{{ isset($business_ticket) ? $business_ticket->business_ticket : null }}',
		},
		success: function(result) {
			$('#report-iframe').attr('src', result);
			$('#iframe-container').toggleClass('hidden-iframe visible-iframe');
			$('#iframe-container').slideDown();
			$('#get-report').toggleClass('report-hidden report-visible');
		},
		error: function() {
			$('#iframe-error').slideDown();
		}
	});
}