//data-table

//window.$ = window.jquery = require('./node_modules/jquery');

//window.dt = require('./node_modules/datatables.net')();

window.$('#register-recent').DataTable({

    scrollX: true,

});

window.$('#register-recent1').DataTable({

    scrollX: true,

});

window.$('#suggested-product').DataTable({

    scrollX: true,

});

window.$('#suggested-product1').DataTable({

    scrollX: true,

});

window.$('#currently').DataTable({

    scrollX: true,

});

$("#recipes-popbtn-four").on("click", function () {
    // investNowUrl = '{{route("investNow")}}';
    // invest_Url = "{{route('investNow')}}";
    // alert(invest_Url);
  $.ajax({
    url : '/invest-now',
    // url : "{{route('investNow',"+$(this).data('product-id')+")}}",
    // url : invest_Url,
    type: 'get',
    data : {
      product_id : $(this).data('product-id')
    },
    // data : $(this).data('product-id'),
    dataType : 'json',
    success: function (result) {
      // console.log("result",result);
      
      // console.log("result",result.status);
        // return result.status;
        // alert('hello');
      if(result.status == 201)
      {
        $('#login-pop-up').modal('show');
      }
      if(result.status == 403){
        $('#blocked_modal_message').html(result.message);
        $('#blocked_modal').modal('show');
      }
      if(result.status == 200) {

        // console.log("Hii 2000000")
        // $('#view_details').modal('hide');
        // $('#recipes-pop-four').modal('show');
        $('#investmodal-pop').modal('show');
      }
      if(result.status == 400){
        toastr.warning(result.message);
      }
      if(result.status == 401)
      {
        // alert(result.message);
        // alert('hello');
        $('#kyc_message').html(result.message);
        $('#complete_kyc_modal').modal('show');
      }
  }
  });
});
$("#recipes-pop-four-close").on("click", function (){
  // console.log("Inside Close Tag")
  $('#recipes-pop-four').modal('hide');
})

//data-table

// pagination

$("#pagination-demo").twbsPagination({

  totalPages: 10,

  visiblePages: 5,

  next: "Next",

  prev: "Prev",

  onPageClick: function (event, page) {

    $("#page-content").text("Page " + page) + " content here";

  }

});

// pagination

//progressbar



window.onload = function () {

  if (

    document.querySelectorAll(".progress").length > 0 &&

    document.querySelectorAll(".progress [data-progress]").length > 0

  ) {

    document

      .querySelectorAll(".progress [data-progress]")

      .forEach((x) => AnimateProgress(x));

  }

};



function AnimateProgress(el) {

  el.className = "animate-progress";

  el.setAttribute(

    "style",

    `--animate-progress:${el.getAttribute("data-progress")}%;`

  );

  // After this the CSS make its magic

}



//progressbar

$('.client_says').slick({

    dots: true,

    infinite: true,

    speed: 300,

    slidesToShow: 3,

    slidesToScroll: 3,

    responsive: [

        {

            breakpoint: 1024,

            settings: {

                slidesToShow: 3,

                slidesToScroll: 3,

                infinite: true,

                dots: true

            }

        },

        {

            breakpoint: 601,

            settings: {

                slidesToShow: 2,

                slidesToScroll: 2

            }

        },

        {

            breakpoint: 480,

            settings: {

                slidesToShow: 1,

                slidesToScroll: 1

            }

        }

    ]

});





$('.more-inner').slick({

    dots: true,

    infinite: true,

    speed: 3000,

    slidesToShow: 3,

    slidesToScroll: 3,

    responsive: [

        {

            breakpoint: 1024,

            settings: {

                slidesToShow: 3,

                slidesToScroll: 3,

                infinite: true,

                dots: true

            }

        },

        {

            breakpoint: 600,

            settings: {

                slidesToShow: 2,

                slidesToScroll: 2

            }

        },

        {

            breakpoint: 480,

            settings: {

                slidesToShow: 1,

                slidesToScroll: 1

            }

        }

    ]

});




$('#testimonial_sliders').slick({

    dots: true,
    // arrow: true,
    infinite: true,
    // speed: 1000,
    // autoplay: true,
    slidesToShow: 1,
    slidesToScroll: 1,

});







// pie-chart

function sliceSize(dataNum, dataTotal) {

    return (dataNum / dataTotal) * 360;

}

function addSlice(sliceSize, pieElement, offset, sliceID, color) {

    $(pieElement).append("<div class='slice " + sliceID + "'><span></span></div>");

    var offset = offset - 1;

    var sizeRotation = -179 + sliceSize;

    $("." + sliceID).css({

        "transform": "rotate(" + offset + "deg) translate3d(0,0,0)"

    });

    $("." + sliceID + " span").css({

        "transform": "rotate(" + sizeRotation + "deg) translate3d(0,0,0)",

        "background-color": color

    });

}

function iterateSlices(sliceSize, pieElement, offset, dataCount, sliceCount, color) {

    var sliceID = "s" + dataCount + "-" + sliceCount;

    var maxSize = 179;

    if (sliceSize <= maxSize) {

        addSlice(sliceSize, pieElement, offset, sliceID, color);

    } else {

        addSlice(maxSize, pieElement, offset, sliceID, color);

        iterateSlices(sliceSize - maxSize, pieElement, offset + maxSize, dataCount, sliceCount + 1, color);

    }

}

function createPie(dataElement, pieElement) {

    var listData = [];

    $(dataElement + " span").each(function () {

        listData.push(Number($(this).html()));

    });

    var listTotal = 0;

    for (var i = 0; i < listData.length; i++) {

        listTotal += listData[i];

    }

    var offset = 0;

    var color = [

        "#a25656",

        "#ccc7c6",

        "#008000",

        "#000000",

        "#4130b0",

        "#ffff00",

        "#225555"

    ];

    for (var i = 0; i < listData.length; i++) {

        var size = sliceSize(listData[i], listTotal);

        iterateSlices(size, pieElement, offset, i, 0, color[i]);

        $(dataElement + " li:nth-child(" + (i + 1) + ")").css("border-color", color[i]);

        offset += size;

    }

}

createPie(".pieID.legend", ".pieID.pie");





// aos-anim

AOS.init();

// aos-anim

//otp

const inputs = document.querySelectorAll("otp-field2 input");



inputs.forEach((input, index) => {

    input.dataset.index = index;

    input.addEventListener("keyup", handleOtp);

    input.addEventListener("paste", handleOnPasteOtp);

});



function handleOtp(e) {

    const input = e.target;

    let value = input.value;

    let isValidInput = value.match(/[0-9a-z]/gi);

    input.value = "";

    input.value = isValidInput ? value[0] : "";



    let fieldIndex = input.dataset.index;

    if (fieldIndex < inputs.length - 1 && isValidInput) {

        input.nextElementSibling.focus();

    }



    if (e.key === "Backspace" && fieldIndex > 0) {

        input.previousElementSibling.focus();

    }



    if (fieldIndex == inputs.length - 1 && isValidInput) {

        submit();

    }

}



function handleOnPasteOtp(e) {

    const data = e.clipboardData.getData("text");

    const value = data.split("");

    if (value.length === inputs.length) {

        inputs.forEach((input, index) => (input.value = value[index]));

        submit();

    }

}



function submit() {

    console.log("Submitting...");

    // 👇 Entered OTP

    let otp = "";

    inputs.forEach((input) => {

        otp += input.value;

        input.disabled = true;

        input.classList.add("disabled");

    });

    console.log(otp);

    // 👉 Call API below

}



//otp



//lets start

const pages = document.querySelectorAll(".page");

const translateAmount = 100;

let translate = 0;



slide = (direction) => {

  direction === "next"

    ? (translate -= translateAmount)

    : (translate += translateAmount);



  pages.forEach(

    (pages) => (pages.style.transform = `translateX(${translate}%)`)

  );

};





//lets start

//accordion

// var acc = document.getElementsByClassName("accordion");

// var i;



// for (i = 0; i < acc.length; i++) {

//     acc[i].onclick = function() {

//         this.classList.toggle("active");

//         this.nextElementSibling.classList.toggle("show");

//     };

// }

//accordion

// update password

const togglePassword = document.querySelector('#togglePassword');

  const password = document.querySelector('#c-pwd');



  togglePassword.addEventListener('click', function (e) {

      console.log("clicked");

    // toggle the type attribute

    const type = password.getAttribute('type') === 'password' ? 'text' : 'password';

    password.setAttribute('type', type);

    // toggle the eye slash icon

    this.classList.toggle('far fa-eye');

});

// update password

//upload image

function ekUpload() {

  function Init() {

    console.log("Upload Initialised");



    var fileSelect = document.getElementById("file-upload"),

      fileDrag = document.getElementById("file-drag"),

      submitButton = document.getElementById("submit-button");



    fileSelect.addEventListener("change", fileSelectHandler, false);



    // Is XHR2 available?

    var xhr = new XMLHttpRequest();

    if (xhr.upload) {

      // File Drop

      fileDrag.addEventListener("dragover", fileDragHover, false);

      fileDrag.addEventListener("dragleave", fileDragHover, false);

      fileDrag.addEventListener("drop", fileSelectHandler, false);

    }

  }



  function fileDragHover(e) {

    var fileDrag = document.getElementById("file-drag");



    e.stopPropagation();

    e.preventDefault();



    fileDrag.className =

      e.type === "dragover" ? "hover" : "modal-body file-upload";

  }



  function fileSelectHandler(e) {

    // Fetch FileList object

    var files = e.target.files || e.dataTransfer.files;



    // Cancel event and hover styling

    fileDragHover(e);



    // Process all File objects

    for (var i = 0, f; (f = files[i]); i++) {

      parseFile(f);

      uploadFile(f);

    }

  }



  // Output

  function output(msg) {

    // Response

    var m = document.getElementById("messages");

    m.innerHTML = msg;

  }



  function parseFile(file) {

    console.log(file.name);

    output("<strong>" + encodeURI(file.name) + "</strong>");



    // var fileType = file.type;

    // console.log(fileType);

    var imageName = file.name;



    var isGood = /\.(?=gif|jpg|png|jpeg)/gi.test(imageName);

    if (isGood) {

      document.getElementById("start").classList.add("hidden");

      document.getElementById("response").classList.remove("hidden");

      document.getElementById("notimage").classList.add("hidden");

      // Thumbnail Preview

      document.getElementById("file-image").classList.remove("hidden");

      document.getElementById("file-image").src = URL.createObjectURL(file);

    } else {

      document.getElementById("file-image").classList.add("hidden");

      document.getElementById("notimage").classList.remove("hidden");

      document.getElementById("start").classList.remove("hidden");

      document.getElementById("response").classList.add("hidden");

      document.getElementById("file-upload-form").reset();

    }

  }



  function setProgressMaxValue(e) {

    var pBar = document.getElementById("file-progress");



    if (e.lengthComputable) {

      pBar.max = e.total;

    }

  }



  function updateFileProgress(e) {

    var pBar = document.getElementById("file-progress");



    if (e.lengthComputable) {

      pBar.value = e.loaded;

    }

  }



  function uploadFile(file) {

    var xhr = new XMLHttpRequest(),

      fileInput = document.getElementById("class-roster-file"),

      pBar = document.getElementById("file-progress"),

      fileSizeLimit = 1024; // In MB

    if (xhr.upload) {

      // Check if file is less than x MB

      if (file.size <= fileSizeLimit * 1024 * 1024) {

        // Progress bar

        pBar.style.display = "inline";

        xhr.upload.addEventListener("loadstart", setProgressMaxValue, false);

        xhr.upload.addEventListener("progress", updateFileProgress, false);



        // File received / failed

        xhr.onreadystatechange = function (e) {

          if (xhr.readyState == 4) {

            // Everything is good!

            // progress.className = (xhr.status == 200 ? "success" : "failure");

            // document.location.reload(true);

          }

        };



        // Start upload

        xhr.open(

          "POST",

          document.getElementById("file-upload-form").action,

          true

        );

        xhr.setRequestHeader("X-File-Name", file.name);

        xhr.setRequestHeader("X-File-Size", file.size);

        xhr.setRequestHeader("Content-Type", "multipart/form-data");

        xhr.send(file);

      } else {

        output("Please upload a smaller file (< " + fileSizeLimit + " MB).");

      }

    }

  }



  // Check for the various File API support.

  if (window.File && window.FileList && window.FileReader) {

    Init();

  } else {

    document.getElementById("file-drag").style.display = "none";

  }

}

ekUpload();



//upload image