(function(){
	$("#time_input").flatpickr({enableTime:true, minDate: "today",time_24hr:true, onChange: function(date, dateStr, instance) {
    	$("#time_input_js").val(date[0].toISOString());
	}});
	$("#end_time").flatpickr({enableTime:true, minDate: "today",time_24hr:true, onChange: function(date, dateStr, instance) {
	    $("#end_time_js").val(date[0].toISOString()); // iso date str
	}});


	var classes = ["panel panel-danger", "panel panel-warning", "panel panel-primary", "panel panel-success"];
	var icons = ["fa fa-times", "fa fa-exclamation", "fa fa-info", "fa fa-check"];

	$("body").on("change","#new-incident select", function(){
		var val = parseInt($(this).val()); //this should make exploitation harder

		$("#new-incident .panel.new .panel-heading i").get(0).className = icons[val];
		$("#new-incident .panel.new").get(0).className = classes[val] + " new";
	});

	$("#new-incident select").trigger("change");

	$("body").on("submit","#new-incident",function(){
		var time = Date.parse($('#time_input').val());
		var end_time = Date.parse($('#end_time').val());
		var type = $("#type").val() || 0;

		if (type === 2 &&(isNaN(time) || isNaN(end_time)))
		{
			if (isNaN(end_time))
			{
				$('#time_input').addClass("error");	
				$.growl.error({ message: "Start time is invalid!" });
			}
			
			if (isNaN(end_time))
			{
				$('#end_time').addClass("error");
				$.growl.error({ message: "End time is invalid!" });	
			}
			return false;	
		}
		else if (type === 2 && time >= end_time)
		{
			$.growl.error({ message: "End time is either the same or earlier than start time!" });
			$('#time').addClass("error");
			$('#end_time').addClass("error");
			return false;	
		}

		if($('#status-container :checkbox:checked').length === 0)
		{
			$.growl.error({ message: "Please check at least one service!" });
			$('#status-container').addClass("error");
			return false;
		}
	});
})();