//= require js-routes
//= require i18n.js
//= require i18n/translations
//= require jquery3
//= require jquery_ujs
//= require popper
//= require bootstrap
//= require select2/select2.min
//= require select2/i18n/fr
//= require select2/i18n/en
//= require moment
//= require moment/fr
//= require bootstrap-material-datetimepicker
//= require jquery.tagsinput-revisited.min
//= require Chart.min
//= require highcharts
//= require chartkick
//= require bootstrap-datepicker.min
//= require bootstrap-datepicker.fr.min
//= require sweetalert
//= require cocoon
//= require toastr
//= require codemirror/codemirror
//= require codemirror/lint/lint
//= require codemirror/lint/jsonlint
//= require codemirror/lint/json-lint
//= require codemirror/mode/javascript
//= require jquery.nestable
//= require jquery.minicolors
//= require pagy
//= require turbolinks
//= require slash_admin/custom
//= require_tree .

$(document).on("turbolinks:before-cache", function () {
  $(".select2-single, .select2-multiple, .select2-model-multiple, .select2-model-single").select2('destroy');
});

$(document).on("turbolinks:load", init);

function init() {
  Pagy.init();
  $('[data-toggle="tooltip"]').tooltip();

  $('.page-sidebar a[href$="#"]').on("click", function (e) {
    e.preventDefault();
  });

  $(".tags").tagsInput({
    placeholder: I18n.t("slash_admin.view.add_tag"),
    delimiter: [",", ";", " "]
  });

  // Scroll to top
  var offset = 250;
  $(window).scroll(function () {
    if ($(this).scrollTop() > offset) {
      $(".scroll-to-top").fadeIn("slow");
    } else {
      $(".scroll-to-top").fadeOut("slow");
    }
  });

  $(".scroll-to-top").click(function (event) {
    $("html, body").animate({scrollTop: 0}, 300);
  });

  // Automatic hide alert
  window.setTimeout(function () {
    $(".alert")
      .fadeTo(500, 0)
      .slideUp(500, function () {
        $(this).remove();
      });
  }, 1500);

  // clearForm
  $.fn.clearForm = function () {
    return this.each(function () {
      var type = this.type,
        tag = this.tagName.toLowerCase();
      if (tag === "form") return $(":input", this).clearForm();
      if (type === "text" || type === "password" || tag === "textarea")
        this.value = "";
      else if (type === "checkbox" || type === "radio") this.checked = false;
      else if (tag === "select") this.selectedIndex = -1;
    });
  };

  // CounterUp plugin
  $("[data-counter='counterup']").each(function () {
    var $this = $(this),
      countTo = $this.attr("data-value");
    $({countNum: $this.text()}).animate(
      {
        countNum: countTo
      },
      {
        duration: 1500,
        easing: "linear",
        step: function () {
          $this.text(Math.floor(this.countNum));
        },
        complete: function () {
          $this.text(this.countNum);
        }
      }
    );
  });

  // MENU
  $(".sub-menu")
    .has(".active")
    .parent()
    .addClass("active");

  // BULK ACTIONS
  $(".toggle-all").on("change", function () {
    var checked = this.checked;
    $('.table-data-list tbody input[type="checkbox"]').each(function (
      index,
      item
    ) {
      $(item).prop("checked", checked);
    });
  });

  $('.table-data-list input[type="checkbox"]').on("change", function () {
    var length = $('.table-data-list tbody input[type="checkbox"]:checked')
      .length;
    $(".batch-current-selected").html(length);
  });

  // Delete button protection sweetalert
  $(".single-delete").on("click", function (e) {
    e.preventDefault();
    var target = $(this).attr("href");
    var current = window.location.href;

    swal(
      {
        title: I18n.t("slash_admin.view.confirm"),
        text: I18n.t("slash_admin.view.no_back"),
        type: "warning",
        showCancelButton: true,
        confirmButtonClass: "btn-danger",
        cancelButtonClass: "btn-primary",
        confirmButtonText: I18n.t("slash_admin.view.yes_delete"),
        cancelButtonText: I18n.t("slash_admin.view.cancel"),
        closeOnConfirm: false,
        showLoaderOnConfirm: true
      },
      function () {
        $.ajax({
          url: target,
          method: "DELETE"
        }).done(function () {
          window.location.href = current;
        });
      }
    );
  });

  // Batch action
  $(".batch-action").on("click", function (e) {
    e.preventDefault();
    var target = $(this).data("action");
    var message = $(this).data("message");
    var current = window.location.href;
    var ids = [];

    $('.table-data-list tbody input[type="checkbox"]:checked').each(function (
      index,
      checkbox
    ) {
      ids.push($(this).val());
    });

    if (ids.length > 0) {
      swal(
        {
          title: I18n.t("slash_admin.view.confirm"),
          text: message,
          type: "warning",
          showCancelButton: true,
          confirmButtonClass: "btn-danger",
          cancelButtonClass: "btn-primary",
          confirmButtonText: I18n.t("slash_admin.view.yes_delete"),
          cancelButtonText: I18n.t("slash_admin.view.cancel"),
          closeOnConfirm: false,
          showLoaderOnConfirm: true
        },
        function () {
          $.ajax({
            url: target,
            method: "post",
            data: {
              ids: ids
            }
          }).done(function () {
            window.location.href = current;
          });
        }
      );
    }
  });


  $(".select2-single, .select2-multiple").each (function() {
    var initialPlaceholder = $(this).attr('data-placeholder') || I18n.t('slash_admin.view.select');

    $(this).select2({
      placeholder: initialPlaceholder,
      allowClear: true,
      theme: 'bootstrap4',
    }).on("select2:unselecting", function (e) {
      $(this).data('state', 'unselected');
    }).on("select2:open", function (e) {
      if ($(this).data('state') === 'unselected') {
        $(this).removeData('state');

        var self = $(this);
        setTimeout(function () {
          self.select2('close');
        }, 1);
      }
    });
  });

  $(".select2-model-multiple, .select2-model-single").each(function() {
    var initialPlaceholder = $(this).attr('data-placeholder') || I18n.t('slash_admin.view.select');

    $(this).select2({
      placeholder: initialPlaceholder,
      allowClear: true,
      theme: 'bootstrap4',
      ajax: {
        url: Routes.slash_admin_remote_select_path({
          format: "json"
        }),
        dataType: "json",
        data: function (params) {
          var model = $(this).attr("data-model");
          var fields = $(this).attr("data-fields");
          return {
            model_class: model,
            q: params.term,
            fields: fields.split(" "),
          };
        },
        processResults: function (data) {
          return {
            results: data
          };
        }
      }
    }).on("select2:unselecting", function (e) {
      $(this).data('state', 'unselected');
    }).on("select2:open", function (e) {
      if ($(this).data('state') === 'unselected') {
        $(this).removeData('state');

        var self = $(this);
        setTimeout(function () {
          self.select2('close');
        }, 1);
      }
    });
  });

  $(".bootstrap-datepicker").datepicker({
    language: I18n.currentLocale(),
    format: "yyyy-mm-dd"
  });

  $(".bootstrap-material-date").bootstrapMaterialDatePicker({
    lang: I18n.currentLocale(),
    weekStart: 1,
    cancelText: I18n.t("slash_admin.view.cancel"),
    time: false,
    clearButton: true,
    clearText: I18n.t("slash_admin.view.erase"),
    format: "YYYY-MM-DD"
  });

  $(".bootstrap-material-datetime").bootstrapMaterialDatePicker({
    lang: I18n.currentLocale(),
    weekStart: 1,
    cancelText: I18n.t("slash_admin.view.cancel"),
    clearButton: true,
    clearText: I18n.t("slash_admin.view.erase"),
    format: "YYYY-MM-DD HH:mm:ss"
  });

  $(".colorpicker").minicolors();

  $("#reset-filters").on("click", function (e) {
    e.preventDefault();

    $("input[name*='filters']").val("");
    $("select[name*='filters'] option:first").prop("selected", true);

    $("#filters").trigger("submit");
  });


  // Handle create belongs to
  $("#create-belongs-to-form")
    .on("ajax:success", function (e, data, status, xhr) {
      $("#create-belongs-to-form").text("Done.");
    })
    .on("ajax:error", function (e, xhr, status, error) {
      $("#create-belongs-to-form").text("Failed.");
    });
}