PayParts

document.addEventListener("DOMContentLoaded", ready);
let global_title = '';
let global_amount = '';

function ready() {
    var script = document.createElement('script');
    script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
    document.getElementsByTagName('head')[0].appendChild(script);

    /*let mob_fix = document.getElementsByClassName('toggle-mobile-menu')[0];

    if(mob_fix){
        console.log(mob_fix);
        console.log(document.getElementsByClassName('main-nav')[0]);
        document.getElementsByClassName('main-nav')[0].onclick = function () {

            document.getElementsByClassName('main-nav')[0].classList.toggle("active");
        };
    }*/

    let card_item = document.getElementsByClassName('button21')[0];
    if(card_item){
        card_item.style.marginBottom = '10px';
    }
    card_item = document.getElementsByName('add-to-cart')[0];
    if(card_item){
        card_item.style.marginRight = '15px';
    }

    let pay_button_wrapper = document.getElementsByClassName('desc_part');
    if(pay_button_wrapper.length > 0){
        for(let i = 0; i < pay_button_wrapper.length; i++){
          let pay_button = document.createElement('a');
          pay_button.className = "more paypart";
          pay_button.innerText = 'Оплата частями';
          pay_button.href = '#openModal';

          let price = pay_button_wrapper[i].getElementsByClassName('price')[1];
          let num = '';
          console.log(price.childNodes.length);
          if(price.childNodes.length == 2){
            num = price.lastChild.innerText;
          }
          else{
            num = price.lastChild.getElementsByClassName('woocommerce-Price-amount')[0].innerText;
          }
          pay_button.setAttribute('price', num.replace(/\D+/g, '').substring(0, num.replace(/\D+/g, '').length - 2));
          pay_button.setAttribute('title', pay_button_wrapper[i].getElementsByClassName('title-detail')[0].innerText);

          pay_button_wrapper[i].appendChild(pay_button);

        }

      addModal();

      let start_pay = document.getElementsByClassName('start_paypart')[0];
      start_pay.addEventListener('click', function(event){
          sendToPayPart(global_amount, global_title, document.getElementsByClassName('paypart_count')[0].options.selectedIndex + 2);
      });
    }

    let pay_button = document.createElement('a');
    pay_button.className = "button21 paypart";
    pay_button.innerText = 'Оплата частями';
    pay_button.href = '#openModal';

    let price = document.getElementsByClassName('price')[0];
    if(price){
      let num = '';
      console.log(price.childNodes.length);
      if(price.childNodes.length == 2){
          num = price.lastChild.innerText;
      }
      else{
        try{
            num = price.lastChild.getElementsByClassName('woocommerce-Price-amount')[0].innerText;
            console.log(num.replace(/\D+/g, '').substring(0, num.replace(/\D+/g, '').length - 2));
        }catch(ex){
        }

      }
      pay_button.setAttribute('price', num.replace(/\D+/g, '').substring(0, num.replace(/\D+/g, '').length - 2));
      pay_button.setAttribute('title', document.getElementsByClassName('title-detail')[0].innerText);
      //pay_button.style = 'margin-top:10px';

      try{
        document.getElementsByClassName('cart')[0].appendChild(pay_button);
      }catch(ex){

      }

    }

    addModal();

    let start_pay = document.getElementsByClassName('start_paypart')[0];
    start_pay.addEventListener('click', function(event){
        sendToPayPart(global_amount, global_title, document.getElementsByClassName('paypart_count')[0].options.selectedIndex + 2);
    });

    card_item = document.getElementsByClassName('button21')[0];
    if(card_item){
        card_item.style.float = 'unset';
    }




}

function sendToPayPart(amount, productName, payPartCount){
    let formData = new FormData();
    formData.append('amount', amount);
    formData.append('productName', productName);
    formData.append('partsCount', payPartCount);

    $.ajax({
        url: "https://oma-fitness.com.ua/paypart.php",
        type: "POST",
        cache: false,
        contentType: false,
        processData: false,
        data: formData,
        success: function(data){
            if(data){
                console.log(data.substring(data.length - 157));
                let string = JSON.parse(data.substring(data.length - 157));
                console.log(string.token);
                document.location.href = 'https://payparts2.privatbank.ua/ipp/v2/payment?token=' + string.token;
            }else{

            }
        },
        error: function(data){
            console.log(data);
        }
    });
}

function addModal(){

        let modal = document.createElement('div');
        modal.innerHTML = '<div id="openModal" class="modal_m"> <div class="modal-dialog_m"> <div class="modal-content_m"> <div class="modal-header_m"> <h3 class="modal-title_m">Оплата частями от ПриватБанка</h3> <a href="#close" title="Close" class="close">×</a> </div> <div class="modal-body"> <div class="modal-content-title"> Колличество платежей <select class="paypart_count"> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> </select> </div> <div class="submit_btn"> <button class="start_paypart">Оплатить</button> </div> </div> </div> </div> </div> </div>';

        document.body.appendChild(modal);

        let scrollbar = document.body.clientWidth - window.innerWidth + 'px';
        console.log(scrollbar);

        let paypart_buttons = document.getElementsByClassName('paypart');
        for(let i = 0; i < paypart_buttons.length; i++){
            paypart_buttons[i].addEventListener('click', function (event) {
              global_title = event.target.title;
              global_amount = event.target.getAttribute('price');
              console.log(global_title);
              console.log(global_amount);

              document.body.style.overflow = 'hidden';
              document.querySelector('#openModal').style.marginLeft = scrollbar;
            });
        }

        document.querySelector('[href="#close"]').addEventListener('click', function () {
            document.body.style.overflow = 'visible';
            document.querySelector('#openModal').style.marginLeft = '0px';
        });
}