(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 bgcolore = ["bg-danger", "bg-warning", "bg-primary", "bg-success"];
	var bordercolore = ["border-danger", "border-warning", "border-primary", "border-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 .card.new .card-colore i").get(0).className = icons[val];
		$("#new-incident .card.new .icon").get(0).className = "card-colore icon " + bgcolore[val];
		$("#new-incident .card.new").get(0).className = "card " + bordercolore[val] + " new";
		$("#new-incident .card.new .card-header").get(0).className = "card-colore card-header "  + bgcolore[val] + " " + bordercolore[val] ;
		$("#time_input").val("");
		$("#end_time").val("");
	});

	$("#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 (parseInt(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 (parseInt(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;
		}
	});
})();