(function ($) {
  "use strict";
  var customcard = {
    init: function () {
      $(".card-header-right .close-card").on("click", function () {
        var $this = $(this);
        $this.parents(".card").animate({
          opacity: "0",
          "-webkit-transform": "scale3d(.3, .3, .3)",
          transform: "scale3d(.3, .3, .3)",
        });
        setTimeout(function () {
          $this.parents(".card").remove();
        }, 800);
      }),
        $(".card-header-right .reload-card").on("click", function () {
          var $this = $(this);
          $this.parents(".card").addClass("card-load");
          $this.parents(".card").append('<div class="loader-box card-loader"><div class="loader card-load"><div class="whirly-loader"></div></div></div>');
          setTimeout(function () {
            $this.parents(".card").children(".card-loader").remove();
            $this.parents(".card").removeClass("card-load");
          }, 3000);
        }),
        $(".card-header-right .card-option .fa-solid.fa-gear.fa-spin").on("click", function () {
          var $this = $(this);
          if ($this.hasClass("icofont icofont-double-right")) {
            $(this).addClass("fa-spin");
            $this.parents(".card-option").animate({
              width: "35px",
            });
          } else {
            $(this).removeClass("fa-spin");
            $this.parents(".card-option").animate({
              width: "225px",
            });
          }
          $(this).toggleClass("icofont icofont-double-right").fadeIn("slow");
        }),
        $(".card-header-right .minimize-card").on("click", function () {
          var $this = $(this);
          var port = $($this.parents(".card"));
          var card = $(port).children(".card-body").slideToggle();
          $(this).toggleClass("icofont-plus").fadeIn("slow");
        }),
        $(".card-header-right .full-card").on("click", function () {
          var $this = $(this);
          var port = $($this.parents(".card"));
          port.toggleClass("full-card");
          $(this).toggleClass("icofont-resize");
        }),
        $(".view-html").on("click", function () {
          var html_source = $(this).parents(".card");
          var html_chield = html_source.find(".card-body");
          html_chield.toggleClass("show-source");
          $(this).toggleClass("fa-eye");
        }),
        $(document).ready(function () {
          var clipboard = new ClipboardJS(".btn-clipboard");
          clipboard.on("success", function (e) {
            e.querySelector();
            e.clearSelection();
          });
          clipboard.on("error", function (e) {});
        });
    },
  };
  customcard.init();
})(jQuery);