/*
 * clear_text
 * custom select
 * tabs
 * suggest input
 * tf panel
 * back Page
 * setTimeIn
 * hide popup
 * preloader
 */



(function ($) {
  "use strict";

  /* clear text
  ------------------------------------------------------------------------------------- */
  const clear_text = function () {
    jQuery(document).on("click", ".icon-clear", function () {
      jQuery(".value_input").val("");
    });
  };
    /* custom select
  ------------------------------------------------------------------------------------- */
  const custom_select = function () {
    var langArray = [];
    $(".default-select option").each(function () {
      var img = $(this).attr("data-thumbnail");
      var text = this.innerText;
      var value = $(this).val();
      var item =
        '<li><img src="' +
        img +
        '" alt="" value="' +
        value +
        '"/><span>' +
        text +
        "</span> </li>";
      langArray.push(item);
    });

    $("#box-select").html(langArray);

    $(".btn-select").html(langArray[0]);
    $(".btn-select").attr("value", "en");

    $("#box-select li").click(function () {
      var img = $(this).find("img").attr("src");
      var value = $(this).find("img").attr("value");
      var text = this.innerText;
      var item =
        '<li><img src="' + img + '" alt="" /><span>' + text + "</span></li>";
      $(".btn-select").html(item);
      $(".btn-select").attr("value", value);
      $(".banks-select").toggle();
    });

    $(".btn-select").click(function () {
      $(".banks-select").toggle();
    });

    var sessionLang = localStorage.getItem("lang");
    if (sessionLang) {
      var langIndex = langArray.indexOf(sessionLang);
      $(".btn-select").html(langArray[langIndex]);
      $(".btn-select").attr("value", sessionLang);
    } else {
      var langIndex = langArray.indexOf("ch");
      $(".btn-select").html(langArray[langIndex]);
    }
  };
    /* tabs
  ------------------------------------------------------------------------------------- */
  const tfTabs = function () {
    jQuery(".tf-tab").each(function () {
      jQuery(this).find(".content-tab").children().hide();
      jQuery(this).find(".content-tab").children().first().show();
      jQuery(this)
        .find(".menu-tabs")
        .children(".nav-tab")
        .on("click", function (e) {
          e.preventDefault();
          var liActive = $(this).index();
          var contentActive = $(this)
            .siblings()
            .removeClass("active")
            .parents(".tf-tab")
            .find(".content-tab")
            .children()
            .eq(liActive);
          contentActive.addClass("active").fadeIn("slow");
          contentActive.siblings().removeClass("active");
          $(this)
            .addClass("active")
            .parents(".tf-tab")
            .find(".content-tab")
            .children()
            .eq(liActive)
            .siblings()
            .hide();
        });
    });
  };
   /* suggest input
  ------------------------------------------------------------------------------------- */
  const suggestInput = function () {
    $(".tag-money").on("click", function () {
      var val = $(this).text();
      var input = $(this).closest('.money').siblings('.tf-form').find('.value_input');
      // console.log(input);
      // $(".value_input").val(val);
      input.val(val);
    });
  };
   /* tf panel
  ------------------------------------------------------------------------------------- */
  const tfPanel = function () {
    var panel = jQuery(".tf-panel");
    jQuery(document).on("click",".panel-button", function () {
      var thispanel = jQuery(this).data('panel');
      panel.removeClass("panel-open");
      jQuery('#'+thispanel).addClass("panel-open");
      jQuery('html').css('overflow', 'hidden');
      $(document).ready(function() {
        if (jQuery('#'+thispanel).children('.panel-box').find('div.app-header').length !== 0) {
          document.querySelector("meta[name='theme-color']").setAttribute('content', '#533dea');
        }else {
          document.querySelector("meta[name='theme-color']").setAttribute('content', '#fff');
        }
      });
    });
    jQuery(document).on("click", ".panel_overlay, .clear-panel", function () {
      panel.removeClass("panel-open");
      jQuery('html').css('overflow', 'auto');
      jQuery(document).ready(function() {
        document.querySelector("meta[name='theme-color']").setAttribute('content', '#fff');
      });
    });
  };
  /* back Page
  ------------------------------------------------------------------------------------- */
  // const backPage = function () {
  //   $(".back-btn").on("click", function (e) {
  //     e.preventDefault();
  //     window.history.back();
  //   });
  // };
   /* setTimeIn
  ------------------------------------------------------------------------------------- */
  const setTimeIn = function () {
    if ($(".scan").length > 0) {
      setTimeout(function () {
        $(".scan").addClass("panel-open");
      }, 0);
    }
    if ($("#modalhome1").length > 0) {
      let showPopup = sessionStorage.getItem("showPopup");
      if (!JSON.parse(showPopup)) {
        setTimeout(function () {
          $("#modalhome1").modal('show');
        }, 3000);
      }
    }
  };
   /* hide popup
  ------------------------------------------------------------------------------------- */
  const hidePopupNoti = function () {
    $(".btn-hide-modal").on("click", function () {
      sessionStorage.setItem("showPopup", true);
    });
  };
  /* file upload
 ------------------------------------------------------------------------------------- */
  const fileupload = function () {
    var inputArray = document.getElementsByClassName('upload-file');
    if(inputArray.length){
      inputArray[0].addEventListener('change',prepareUpload,false);
        function prepareUpload(event){
            if (this.files && this.files[0]) {
            var img = document.getElementById('image-data');
            img.src = URL.createObjectURL(this.files[0]);
            img.classList.add('my-2');
        }
        const files = event.target.files;
        const fileName = files[0].name;
        const fileSize = (files[0].size/1000).toFixed(2)+'kb';
        const text = document.getElementsByClassName('upload-file-name')[0].getAttribute('data-text');
        document.getElementsByClassName('upload-file-name')[0].innerHTML =  text;
        document.getElementsByClassName('upload-file-name')[0].classList.add('pb-2');
      }
    }
  };
   /* preloader
  ------------------------------------------------------------------------------------- */
  const preloader = function () {
    setTimeout(function () {
      $(".preload").fadeOut("slow", function () {
        $(this).remove();
      });
    }, 150);
  };
  $(function () {
    clear_text();
    custom_select();
    tfTabs();
    suggestInput();
    tfPanel();
    // backPage();
    // fileupload();
    setTimeIn();
    hidePopupNoti();
    preloader();
  });
})(jQuery);