const getPaymentTypes = (
  fadmid,
  funivcode,
  degree,
  fheadcode,
  fappno,
  fcollcode
) => {
  let api = "";
  let fentry = "";
  if (fcollcode != "ALL" && funivcode == "060") fentry = fcollcode;
  else fentry = degree;
  if (funivcode == "060" || funivcode == "098" || funivcode == "P055") {
    api = "src/getPaymentTypes.php?a=getPaymentTypes";
  } else {
    api = "../../src/getPaymentTypes.php?a=getPaymentTypes";
  }

  $.ajax({
    type: "GET",
    url: api,
    data: "univcode=" + funivcode + "&degree=" + fentry,
    success: function (response) {
      var { status, error_code, paytype } = JSON.parse(response);

      if (error_code == 0) {
        var paymentTypes = `<div class="container"><div class="row px-1">`;
        paytype.forEach((el, i) => {
          var prntChallan = "";
          if (el.bank_name.toLowerCase() == "razorpay") {
            var button = "";
            $.ajax({
              type: "POST",
              async: false,
              data:
                "appno=" +
                fappno +
                "&funivcode=" +
                funivcode +
                "&degree=" +
                fentry +
                "&fheadcode=" +
                fheadcode,
              url: "../../razorpay/pay.php",
              success: function (responce) {
                button = responce;
              },
            });
            prntChallan += button;
          } else {
            if (
              el.bank_name.toLowerCase() == "post office" ||
              el.bank_name.toLowerCase() == "bank" ||
              el.bank_name.toLowerCase() == "cash at college"
            ) {
            }
            prntChallan +=
              el.bank_name.toLowerCase().includes("post office") ||
              el.bank_name.toLowerCase().includes("bank") ||
              el.bank_name.toLowerCase().includes("cash") ||
              el.bank_name.toLowerCase().includes("cash at college") == true
                ? `<a href="#" class="btn btn-primary" onClick='PrintChallan("` +
                  funivcode +
                  `","` +
                  el.payment_type +
                  `","` +
                  fappno +
                  "," +
                  "APP" +
                  fadmid +
                  `")'>Print Application</a>`
                : `<a href="#" class="btn btn-primary" onclick = 'makepayment("` +
                  funivcode +
                  `","` +
                  el.bank_name +
                  `","` +
                  fappno +
                  `","` +
                  fentry +
                  `","` +
                  fheadcode +
                  `","` +
                  fadmid +
                  `")'>Make Payment</a>`;
          }

          paymentTypes += ` 
            <div class="card col-lg-5 col-md-5 col-sm-6 col-xs-12 mr-3 p-0">
            <img src="${el.logo}" class="card-img-top" alt="logo" height="15%" width = "40%" style=" display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;">
            <div class="card-body">
            
            <h5 class="card-title">${el.bank_name}</h5>
            <p class="card-text">${el.charges}</p> 
            <div style = "text-align: center">${prntChallan}</div>
            </div>
            </div> 
            `;
        });
        paymentTypes += `</div></div>`;
        // return paymentTypes;
        $("#loadPayType").html(paymentTypes);
      }
    },
  });
};

function gotoPayments(ftype) {
  let pages = "";
  if (hosturl == "universitysolutions.in")
    pages = "../../admission/html_modules/paymentDetails.html";
  else pages = "../../html_modules/paymentDetails.html";
  $("#app-personal").load(pages, () => {
    getStudFeeAdm(ftype);
  });
}

function getStudFeeAdm(ftype) {
  var funivcode = sessionStorage.getItem("univ");
  let regno = document.getElementById("fappno").value;

  $.ajax({
    type: "GET",
    url: $host_url + "getStudFeeAdm",
    data: "&regno=" + regno + "&univcode=" + funivcode + "&ftype=" + ftype,
    success: function (res) {
      let table = `<table class='table table-bordered'>
      <thead class='thead-dark'>
      <tr>
      <th style='text-align: center; width:7%;'>Sl. No.</th>
      <th style='text-align: center; width:11%;'>App. No.</th>
      <th style='text-align: center; width:49%;'>Head Name</th>
      <th style='text-align: center; width:11%;'>Amount</th>
      <th style='text-align: center; width:11%;'>Paid</th>
      <th style='text-align: center; width:11%;'>Balance</th>
      </tr>
      </thead>
      <tbody>`;
      if (res.error_code === 0) {
        let totalAmount = 0;
        let totalPaid = 0;
        let totalBal = 0;
        for (var i = 0; i < res.data.length; i++) {
          window.fheadcode = res.data[i].fheadcode;
          totalAmount += parseFloat(res.data[i].ffee);
          totalPaid += parseFloat(res.data[i].fpaid);
          totalBal += parseFloat(res.data[i].fbal);
          table += `<tr align='center'>
          <td>${i + 1}</td>
          <td>${res.data[i].fappno}</td>
          <td style='text-align: initial;'>${res.data[i].fheadcode}</td>
          <td>${res.data[i].ffee}</td>
          <td>${res.data[i].fpaid}</td>
          <td>${res.data[i].fbal}</td>
          </tr>`;
        }
        // table += `<tr align='right'>
        // <td colspan='7' style='padding:10px; border:0;'>Total Amount: ${parseFloat(
        //   totalAmount
        // )}</td>
        // </tr>`;
        // table += `<tr align='right'>
        // <td colspan='7' style='padding:10px; border:0;'>Total Paid: ${parseFloat(
        //   totalPaid
        // )}</td>
        // </tr>`;

        table += `<tr align='right'>
        <td colspan='7' style='padding:10px; border:0;'><b>Amount to be Paid: ${parseFloat(
          totalBal
        )}</b> &nbsp;<input type='text' id='balamt'  value='${parseFloat(
          totalBal
        )}' hidden />&nbsp;
        <button class='btn btn-primary' onclick='payFeeAmount()'>Pay Now</button></td>
        </tr>`;
        // table += `<tr align='right'>
        // <td colspan='7' style='padding:10px; border:0;'>
        // <input type='text' id='balamt'  value='${parseFloat(
        //   totalBal
        // )}' hidden />
        // <button class='btn btn-primary' onclick='payFeeAmount()'>Pay</button>
        // </td>
        // </tr>`;
      } else {
        table += `<tr align='center'> 
        <td colspan='7'>No data fount</td>
         </tr>`;
      }
      table += `</tbody>`;
      table += `</table>`;
      $("#paydata").html(table);
    },
  });
}

function makepayment(funivcode, bank, appno, fdegree, fheadcode, fadmid) {
  if (location.protocol != "https:") {
    var protocol = "http://";
  } else {
    var protocol = "https://";
  }

  var urlarr = window.location.pathname.split("/");
  var $url = protocol + window.location.host + "/";
  var $hoststr = "";
  for (var j = 1; j < urlarr.length - 1; j++) {
    $hoststr += window.location.pathname.split("/")[j] + "/";
  }

  switch (bank) {
    case "Paytm":
      /*console.log($hoststr);*/
      if (funivcode == "055") {
        window.location =
          $url +
          $hoststr +
          "/sjbit_payment.php?productinfo=" +
          appno +
          "&funivcode=" +
          funivcode;
      } else {
        window.location =
          $url +
          $hoststr +
          "/Paytm/pgRedirect.php?productinfo=" +
          appno +
          "&funivcode=" +
          funivcode;
      }

      break;
    case "axis":
      window.location =
        $url +
        $hoststr +
        "/axis/axispay.php?productinfo=" +
        appno +
        "&funivcode=" +
        funivcode;
      break;
    case "Easebuzz":
      window.open(
        $url +
          $hoststr +
          `ebbuze/easebuzz.php?funivcode=${funivcode}&appno=${appno}&fdegree=${fdegree}&fheadcode=${fheadcode}&fadmid=${fadmid}`
      );
      break;

    case "payu":
      window.location =
        $url +
        $hoststr +
        `payu/pay.php?funivcode=${funivcode}&productinfo=${appno}`;
      break;
    default:
      break;
  }
}

function payFeeAmount() {
  let regno = document.getElementById("fappno").value;
  let fdegree = window["fdegree"];
  let degArr = fdegree.split("-");
  let degree = degArr[0];
  let fheadcode = window["fheadcode"];
  var funivcode = sessionStorage.getItem("univ");

  let balAmt = $("#balamt").val();
  if (parseFloat(balAmt) <= 0) {
    alert("No Active payments");
    return;
  }
  console.log(fdegree);
  const formdata = new FormData();

  formdata.append("regno", regno);
  formdata.append("balAmt", balAmt);
  formdata.append("univcode", funivcode);
  formdata.append("fheadcode", fheadcode);
  formdata.append("fdegree", degree);
  console.log();
  $.ajax({
    type: "POST",
    url: $host_url + "saveStudFeeAmt",
    data: formdata,
    cache: false,
    processData: false,
    contentType: false,
    success: function (res) {
      if (res.error_code === 0) {
        document.getElementById("paydata").style.display = "none";
        let fadmid = res.data.fadmid;
        let fappno = res.data.fleadid;
        let fcollcode = res.data.fcollcode;
        getPaymentTypes(
          fadmid,
          funivcode,
          degree,
          window.fheadcode,
          fappno,
          fcollcode
        );
      } else {
        Swal.fire({
          title: res.data.msg,
          type: "warning",
          confirmButtonText: `OK`,
          confirmButtonColor: "#5495ff.",
        });
        document.getElementById("paydata").style.display = "block";
        return;
      }
    },
  });
}

function paymentstatus(fregno, funivcode, ftype, femail) {
  console.log(fregno, funivcode, ftype, femail);
}