//  function createBestTable() {
//     var table = new Tabulator("#bestDTable", {
//       columns: [{
//           title: "ID",
//           field: "id",
//           visible: false
//         },
//         {
//           title: "R1 (mm)",
//           field: "R1",
//         },
//         {
//           title: "R2 (mm)",
//           field: "R2",
//         },
//         {
//           title: "Rad (mm)",
//           field: "Rad",
//         },
//         {
//           title: "T (mm)",
//           field: "Thickness",
//         },
//         {
//           title: "L1",
//           field: "L1",
//         },
//         {
//           title: "C1",
//           field: "C1",
//         },
//         {
//           title: "R1",
//           field: "R",
//         },
//         {
//           title: "Cin",
//           field: "Cin",
//         },
//         {
//           title: "Cout",
//           field: "Cout",
//         },
//         {
//           title: "N1",
//           field: "N1",
//         },
//         {
//           title: "Efficiency (%)",
//           field: "Eff",
//         },
//         {
//           title: "KZVS",
//           field: "KZVS",
//         },
//         {
//           title: "Vib. Velocity RMS (m/s)",
//           field: "vibVel",
//         },
//         {
//           title: "Driving Freq. (Hz)",
//           field: "fS",
//           formatter:"money",
//         },
//       ],
//       layout: "fitDataStretch",
//       tooltips:true,
//       tooltipsHeader:true,
//       placeholder: "No matches to display",
//       headerSort:false,

//     });
//     return table
//   }

  var dataJSON = []
  function JSONData(data) {
    var result = [];
      var element = {
        "R1": data.R1.toPrecision(2),
        "R2": data.R2.toPrecision(2),
        "Eff": data.Eff.toPrecision(4),
        "KZVS": data.KZVS.toPrecision(4),
        "vibVel": data.vibVel.toPrecision(4),
        "fitness": data.fit.toPrecision(3),
        "L1": data.L1.toExponential(2),
        "C1": data.C1.toExponential(4),
        "R": data.R.toPrecision(4),
        "Cin": data.Cin.toExponential(4),
        "Cout": data.Cout.toExponential(4),
        "N1": data.N1.toPrecision(4),
        "Rad":data.Rad.toPrecision(3),
        "Thickness": data.Thickness.toPrecision(2),
        "VDC":data.Vdc,
        "RL": data.RL,
        "fS":data.fS.toExponential(6),
        "Phi":data.phi,
        "mosCout":data.mosCout,
        "VoutP":data.VoutP,
      }
      result.push(element)
      dataJSON = JSON.stringify(result);
  }

  var data = [];
  $("#inputSpec").submit(function (event) {
    if (screen.width <= 576){
      closeSidebar()
    }
    event.preventDefault()
    $('#Error').html(``);
    $('#loading-spinner').html(`<strong>Loading...</strong>
    <div class="spinner-border ml-auto" role="status" aria-hidden="true"></div>`);


    Plotly.purge('FitPlot');
    Plotly.purge('Vcin_plot');
    Plotly.purge('Vout_plot');
    Plotly.purge('Imp_plot');

    $('#extraResults').html('')
    $('#resultsPhy').html('')
    $('#resultsElec').html('')
    $('#resultsCirc').html('')
    $('#circuitInfo').hide()

    $('#hideOnSub1').hide()
    $('#hideOnSub2').hide()
    $('#hideOnSub3').hide()
    $('#hideOnSub4').hide()

    $.ajax({
      url: '/PTDesigner/receivedataRDGen',
      data: $('form').serialize(),
      type: 'POST',
      success: function (response) {
        $('#hideOnSub1').show()
        $('#hideOnSub2').show()
        $('#hideOnSub3').show()
        $('#hideOnSub4').show()
        data = JSON.parse(response);
        console.log(data)

        JSONData(data);
        console.log(dataJSON)
        drawCharts(data);

        // Presneting results
        str = []
        str += '<h5><u>Physical Dimentions</u></h5>'
        str += 'Outer Radius (Rad):  '
        str += data.Rad.toFixed(0)
        str += 'mm'
        str += '<br>'
        str += 'Input Dot Radius (R1):  '
        str += data.R1.toPrecision(3)
        str += 'mm'
        str += '<br>'
        str += 'Inner Ring Radius (R2):  '
        str += data.R2.toPrecision(3)
        str += 'mm'
        str += '<br>'
        str += 'Device Thickness (T):  '
        str += data.Thickness.toFixed(0)
        str += 'mm'
        str += '<br>'
        str += '<br>'
        $('#resultsPhy').html(str)

        str = []
        str += '<h5><u>Electrical Properties</u></h5>'
        str += 'Equiv. Inductance (R1):  '
        str += data.R.toPrecision(2)
        str += '&Omega;'
        str += '<br>'
        str += 'Equiv. Inductance (L1):  '
        str += (data.L1/1e-3).toPrecision(3)
        str += 'mH'
        str += '<br>'
        str += 'Equiv. Capacitance (C1):  '
        str += (data.C1/1e-12).toPrecision(4)
        str += 'pF'
        str += '<br>'
        str += 'Equiv. Input Capacitance (Cin):  '
        str += (data.Cin/1e-9).toPrecision(4)
        str += 'nF'
        str += '<br>'
        str += 'Equiv. Output Capacitance (Cout):  '
        str += (data.Cout/1e-9).toPrecision(4)
        str += 'nF'
        str += '<br>'
        str += 'Equiv. Turns Ratio (N1):  '
        str += (data.N1).toPrecision(4)
        str += '<br>'
        str += '<br>'
        $('#resultsElec').html(str)  

        str = []
        str += '<h5><u>Circuit Properties</u></h5>'
        str += 'Output Voltage:  '
        str += (data.VoutP/Math.sqrt(2)).toPrecision(2)
        str += 'V'
        str += '<br>'
        str += 'Efficiency:  '
        str += data.Eff.toPrecision(3)
        str += '%'
        str += '<br>'
        str += 'Vibration Velcoity:  '
        str += data.vibVel.toPrecision(4)
        str += 'm/s'
        str += '<br>'
        str += 'kZVS:  '
        str += data.KZVS.toPrecision(4)
        str += '<br>'
        str += 'Operating Frequnecy:  '
        str += (data.fS/1e3).toPrecision(4)
        str += 'kHz'
        str += '<br>'
        str += '<br>'
        
        $('#resultsCirc').html(str) 
        
        $.ajax({
          url: '/PTDesigner/receivebestdataRD',
          data: dataJSON,
          type: 'POST',
          success: function (response) {
            spiceData = JSON.parse(response)
            console.log(spiceData)
            str =[]
            // str += 'Circuit Efficiency: '
            // str += spiceData.CircuitEff.toPrecision(3)
            // str += '%'
            str += '  Load: '
            str += data.RL.toPrecision(4)
            str += '&Omega;'
            str += '<br>Vout<sub>RMS</sub>: '
            str += spiceData.VoutRMS.toPrecision(3)
            str += 'V'
            $('#extraResults').html(str)

            drawBestChart(spiceData)
            $('#circuitInfo').show()
            $('#loading-spinner').html(``);
            $('#hideOnSub1').show()
            $('#hideOnSub2').show()
            $('#hideOnSub3').show()
            $('#hideOnSub4').show()
          },
          error: function (error) {
            console.log(error);
          }
        });
      },
      error: function (error) {
        $('#loading-spinner').html(``);
        if (typeof window.table != "undefined") {
          window.besttable.hide();
        }
        console.log(error);
      }
    });

  });

  
  function lossChange() {
    if (document.getElementById("lossCho").value == 0){
      document.getElementById("lossDiv").style.display = "none";
      document.getElementById("qfactDiv").style.display = "block";
    } else{
      document.getElementById("lossDiv").style.display = "block";
      document.getElementById("qfactDiv").style.display = "none";
    }
  }

  function openSidebar() {
    if (screen.width > 576){
      $(".sidebar-wrapper").width(300);
      document.getElementById("page-content-wrapper").style.marginLeft = "300px"
    } else{
      $(".sidebar-wrapper").width('100%');
      document.getElementById("page-content-wrapper").style.marginLeft = "100%"
    }
    $('#buttonDiv').show();
    $('#sidebarOpen').hide();
  }

  function closeSidebar() {
      $(".sidebar-wrapper").width(0);
      document.getElementById("page-content-wrapper").style.marginLeft = "0px"
      $('#buttonDiv').hide();
      $('#sidebarOpen').show();
  }

$(document).ready(function () {
  $('[data-toggle="tooltip"]').tooltip();
  $('#circuitInfo').hide();
  $('#hideOnSub1').hide()
    $('#hideOnSub2').hide()
    $('#hideOnSub3').hide()
    $('#hideOnSub4').hide()
    document.getElementById("lossDiv").style.display = "none";
    document.getElementById("qfactDiv").style.display = "block";

  if (screen.width > 720){
    // $('#buttonDiv').hide();
    // $('#sidebarOpen').hide();
    openSidebar()
    $('#sidebarOpen').hide();
  }
  
});