(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;
    }
  });
})();