$(function() {
	var maxLicense = 50
	// Start iCheck and set parameters
	$('input').iCheck({
		checkboxClass: 'icheckbox_square-blue',
		radioClass: 'iradio_square-blue'
	});
	
	// Start stepper and set parameters
	$('input[type="number"]').stepper({
		lablesDown: 'Minder gebruikers',
		lablesUp: 'Meer gebruikers'
	});
	
	// Start input mask for inputs
	$('.zipmask').inputmask({mask: '9999 aa'});
	$('.btwmask').inputmask({mask: 'aa999999999w99'});
	$('.kvkmask').inputmask({mask: '99999999'});
	
	// Start tooltip for tooltips
	$('[data-toggle="tooltip"]').tooltip();
	
	// Switch between form views
	$('input:radio[name="switch-view"]').on('ifChecked', function() {
		$('.toggle-hide').hide();
        $('#form-content-' + $(this).val()).slideDown('slow');
	});
	
	// Start ionRangeSlider and set parameters
	$('#package-range').ionRangeSlider({
		disable: true,
	    min: 0,
	    max: maxLicense,
	    step: 1,
	    grid: true,
	    grid_snap: true,
	    grid_num: 25,
	    force_edges: true,
	    keyboard: true,
	    keyboard_step: 6.6,
	    onChange: function(data) {
	    	var package_sum = $('#package-sum').val();
			$('#package-ammount').val(data.from);
			$('#package-sub').html('€ ' + ((data.from*package_sum)*12).toFixed(2));
			$('#package-vat').html('€ ' + ((data.from*package_sum*12)*0.21).toFixed(2));
			$('#package-total').html('€ ' + ((data.from*package_sum*12)*1.21).toFixed(2));
	    },
	    onUpdate: function(data) {
	    	var package_sum = $('#package-sum').val();
			$('#package-ammount').val(data.from);
			$('#package-sub').html('€ ' + ((data.from*package_sum)*12).toFixed(2));
			$('#package-vat').html('€ ' + ((data.from*package_sum*12)*0.21).toFixed(2));
			$('#package-total').html('€ ' + ((data.from*package_sum*12)*1.21).toFixed(2));
    	},
    	onStart: function(data) {
    		$('input[type="number"]').stepper('disable');
    	}
	});
	
	// Save ionRangeSlider instance to var slider
	var slider = $('#package-range').data('ionRangeSlider');
	
	// Check the radio when clicking unit element
	$('.unit').on('click', function() {
		$(this).find('.iradio_square-blue').iCheck('check');
	});
	
	// Enable slider and checker after postback
	if($('input:radio[name="package-choise"]').is(':checked')) {
		slider.update({disable: false});		
		$('#package-ammount').stepper('enable');
	}
	
	// Ajax request on changing package
	$('input:radio[name="package-choise"]').on('ifChanged', function() {
		slider.update({disable: false});		
		$('#package-ammount').stepper('enable');
		
		var package_id = $(this).val();
		
		$.ajax({
            type: 'GET',
            url: '../public/ajax/api.package.php',
            data: {'package_id': package_id},
            cache: false,
            dataType: 'json',
            success: function(data) {
            	if(data.success == true) {
            		var package_ammount = $('#package-ammount').val();
            		$('#package-info').html(data.package_desc);
            		$('#package-name').html(data.package_title + ' - ' + data.package_name);
            		$('#package-price').html('€ ' + data.package_price);
            		$('#package-sum').val(data.package_price);
            		$('#package-sub').html('€ ' + ((package_ammount*data.package_price)*12).toFixed(2));
            		$('#package-vat').html('€ ' + ((package_ammount*data.package_price*12)*0.21).toFixed(2));
            		$('#package-total').html('€ ' + ((package_ammount*data.package_price*12)*1.21).toFixed(2));
        		} else {
        			$('#package-info').html('<div class="alert alert-warning" role="alert"><span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span><span class="sr-only">Error:</span> Het gekozen pakket word niet herkent. Kies een andere pakket om de bestelling voort te zetten!</div>');
        		}
            }
        });
	});

	// Update slider when using stepper
	$('#package-ammount').change(function() {
		slider.update({
			from: $(this).val()
		});
	});
	
	// Keep sing-in open after postback
	/*$('#login-form').submit(function() {
		$('#switch-view-2').prop('checked', true);
	});*/
	
	// Start datepicker and set parameters
	$('#control-date').datepicker({
	    startDate: '+7d',
	    orientation: 'top auto',
	    language: 'nl',
	    multidate: false,
	    daysOfWeekDisabled: '0,6',
	    calendarWeeks: true,
	    autoclose: true,
	    todayHighlight: true
	});
	
	// Ajax request to autofill street and city
	$('#client-zipcode, #client-number').on('keyup', function(e) {
   		// Set Search String
	    var client_zipcode = $('#client-zipcode').val();
	    	client_zipcode = client_zipcode.replace(/-|_| /g,'');
	    var client_number = $('#client-number').val();

	    // Do Search
	    if(client_zipcode !== '' && client_zipcode.length == 6 && client_number.length >= 1) {
	        $.ajax({
	            type: 'GET',
	            url: '../../../public/ajax/api.zipcode.php',
	            data: {'zipcode': client_zipcode, 'number': client_number},
	            cache: false,
	            dataType: 'json',
	            success: function(data, textStatus) {
	            	if(data.success == true) {
	                	$('#client-adress').val(data.resource.street);
	                	$('#client-adress').attr('readonly','readonly');
	                	$('#client-city').val(data.resource.town);
	                	$('#client-city').attr('readonly','readonly');
	              	} else {	               
	                	$('#client-adress').removeAttr('readonly');
	                	$('#client-adress').val('');
	                	$('#client-city').removeAttr('readonly');
	                	$('#client-city').val('');
                	}
	            },
	            error: function(data, textStatus) {
	            	$('#client-adress').removeAttr('readonly');
	            	$('#client-city').removeAttr('readonly');
	            }
	        });
	    } return false;
	});
});