function loadFeeDet() {
  $("#loadtab").load("html_modules/updateFeeDet.html", () => {
    $("#fromdeg").focus();
    $(document).ready(() => {
      $("#shwTbl").hide();
    });
  });
}

var admarr = Array();
const getFeeDet = () => {
  var exmrng = $("#sem")
    .val()
    .toUpperCase();
  var degfrm = $("#fromdeg").val();
  var degto = $("#todeg").val();
  console.log("getFeeDet", { exmrng, degfrm, degto });
  parameters = `&degfrm=` + degfrm + `&degto=` + degto + `&exmrng=` + exmrng;

  $.ajax({
    type: "POST",
    url: $host_url + "getFeeDet",
    data: parameters,
    success: response => {
      //console.log("ress", response);
      var { error_code, status, data } = JSON.parse(response);

      if (error_code == 0) {
        $("#shwTbl").show();

        var html = `<div class='row'>
        <div class=' col-lg-offset-1 col-lg-10'>
        <table id='mainTable' class='mainTable m_b_10 table table-striped table-condensed table-bordered'>
        <thead>
          <tr class='bg-cyan'>
            <th style='width:5%;' class="text-center">Sl. No.</th>
            <th style='width:10%;' class="text-center">Degree Code</th>
            <th style='width:40%;' class="text-center">Degree Name</th>
            <th style='width:5%;' class="text-center">Exam No.</th>
            <th style='width:12%;' class="text-center">Exam Name</th>
            <th style='width:15%;' class="text-center">Admission Fee</th> 
            <th style='width:15%;' class="text-center">Admission Fine</th>           
          </tr>
        </thead >
        <tbody>`;
        data.forEach((el, i) => {
          html += `<tr class="tblRow">
          <td class="text-center">${i + 1}</td>
          <td class="text-center" id="deg${i}">${el.fdegree}</td>
          <td>${el.fdescpn}</td>
          <td class="text-center" id="exm${i}">${el.fexamno}</td>
          <td>${el.fexamname}</td>        
          <td class="text-right">
            <div class="form-line no_margin">
              <input id="admfee${i}" value='${
            el.fadmfee
          }' type="text"  class="form-control" onkeypress="return acceptNumbersOnlyForModule(event);">
            </div>
          </td>
          <td class="text-right">
            <div class="form-line no_margin">
              <input id="admfine${i}" value='${
            el.fadmfine
          }' type="text"  class="form-control" onkeypress="return acceptNumbersOnlyForModule(event);">
            </div>
          </td>
          </tr>`;
        });
        html += `</tbody></table></div></div>
        <div class="row clearfix">
        <div
          class="col-lg-offset-5 col-md-offset-3 col-sm-offset-4 col-xs-offset-5"
        >
          <button
            class="btn btn-primary waves-effect m_b_10"
            id="getDetbtn"
            onclick="updateFeeDet()"
          >
            Update
          </button>
        </div>
      </div>`;
        $("#shwTbl").html(html);
      } else if (error_code == 1) {
      }
    }
  });
};

const updateFeeDet = () => {
  $("#mainTable tr.tblRow").map((i, el) => {
    var deg = $("#deg" + i).text();
    var exmno = $("#exm" + i).text();
    var admfee = $("#admfee" + i).val();
    var admfine = $("#admfine" + i).val();
    admarr.push({
      admfee: admfee,
      fdegree: deg,
      admfine: admfine,
      fexamno: exmno
    });
  });
  console.log("ds", admarr);
  $.ajax({
    type: "POST",
    url: $host_url + "updateFeeDetails",
    data: "feeDet=" + JSON.stringify(admarr),
    success: response => {
      var { status, error_code, data } = JSON.parse(response);

      if (error_code == 0) {
        alert("Fee Details Updaetd Successfully");
        $("#shwTbl").hide();
      }
      if (error_code == 1) {
        $("#shwTbl").hide();
      }
    }
  });
};