/**************************************************************************
 * NEW BOOKING *
**************************************************************************/ 
function removeRowTrx(name,id) {
    const row = document.getElementById(name+"_"+id);
    row.style.display = 'none';
    row.remove();
    hitungTotalBookingPrice();
}
function addRowTrx(name,prev_id) {
    NO_ITEM++;
//    var tbody = document.getElementById('formBody');

    const row = document.createElement('tr');
    row.id = name+"_"+NO_ITEM;
    txt="";
    txt +="<td><span  style=\"cursor:pointer\" onclick=\"removeRowTrx('jamaah','"+NO_ITEM+"')\" > X </span></td>";
    txt += "<td >"+$("#option_price").val()+"</td>";
    txt += "<td ><input type=\"radio\" name=\"jamaah_pic\" value=\""+NO_ITEM+"\"";
    txt +=" ></td>";
    txt += "<td ><input id=\"jamaah_name_"+NO_ITEM+"\" value=\""+"\" ></td>";
    txt += "<td ><select id=\"jamaah_sex_"+NO_ITEM+"\" onchange=\"\">";
    txt += "  <option value=\"\"></option>";
    txt += "  <option value=\"L\">Laki-laki</option>";
    txt += "  <option value=\"P\">Perempuan</option>";
    
    txt += "        </select></td>";
    txt += "<td ><input type=\"number\" id=\"jamaah_nik_"+NO_ITEM+"\" value=\""+"\" ></td>";
    txt += "<td ><input type=\"number\" id=\"jamaah_phone_"+NO_ITEM+"\" value=\""+"\" ></td>";
    txt += "<td align=\"right\">";
    txt += "<input type=\"date\" id=\"jamaah_dob_"+NO_ITEM+"\" onchange=\"\"></input>";
    txt += "</td>";
    row.innerHTML = txt;

  //row = createRowTitle(kategori_id,prev_id, "test");
    if (prev_id.length>2){
            var targetRow = document.getElementById(prev_id);
            // Sisipkan setelah row1
            if (targetRow){
            targetRow.parentNode.insertBefore(row, targetRow.nextSibling);
            }else{
                console.log("tidak ada");
            }
//            return;
        }
    hitungTotalBookingPrice();
}

var DT_PRODUCT = null;
var DT_JAMAAH=[];
function pilihProduct(id){

    let product_id=$("#"+id).val();
  var json_dt = {
      product_id :product_id
  }
  let url=API_URL+"/api/product/detail";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        if (resp.rc=="000"){
            NO_ITEM=0;
            DT_PRODUCT=resp.product;
            $("#div_info_product").show();
            txt ="";
            txt +="<div class=\"row\">";
            txt +="<div class=\"col-md-4\">Jadwal</div>";
            txt +="<div class=\"col-md-6\">"+DT_PRODUCT.start_date+" s/d "+DT_PRODUCT.end_date+"</div>";
            txt +="</div>";
            txt +="<div class=\"row\">";
            txt +="&nbsp;<b></b></div>";
            txt +="<div class=\"row\">";
            txt +="<div class=\"col-md-4\">QUAD</div>";
            amount=getPriceProduct(DT_PRODUCT,'QUAD');
            txt +="<div class=\"col-md-4\" style=\"text-align:right\">Rp. "+formatWithDecimal.format(amount)+"</div>";
            txt +="</div>";
            txt +="<div class=\"row\">";
            txt +="<div class=\"col-md-4\">TRIPLE</div>";
            amount=getPriceProduct(DT_PRODUCT,'TRIPLE');
            txt +="<div class=\"col-md-4\" style=\"text-align:right\">Rp. "+formatWithDecimal.format(amount)+"</div>";
            txt +="</div>";
            txt +="<div class=\"row\">";
            txt +="<div class=\"col-md-4\">DOUBLE</div>";
            amount=getPriceProduct(DT_PRODUCT,'DOUBLE');
            txt +="<div class=\"col-md-4\" style=\"text-align:right\">Rp. "+formatWithDecimal.format(amount)+"</div>";
            txt +="</div>";
            $("#info_product").html(txt);
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

function getPriceProduct(dt_product,option){
    price=0;
    for (let k=0;k<dt_product.price.length;k++){
        if (option===dt_product.price[k]['option']){
            price=dt_product.price[k]['amount_price'];
            break;
        }
    }
    return price;
}

function pilihOption(no_item){
    NO_ITEM=0;
    let rows = document.querySelectorAll('tr');
    rows.forEach(row => {
            arr = row.id.split('_');
            stat = arr[0]? arr[0] : "";
            no_item = arr[1]? arr[1] : 0;
            if (no_item>0){
                row.remove();
            }
    })

    let option_price=$("#option_price").val()? $("#option_price").val(): "";

    let amount=getPriceProduct(DT_PRODUCT,option_price);
    $("#amount_price").text("Rp. "+formatWithDecimal.format(amount));
    $("#price").val(amount);
    let qty=0;
    if (option_price==="QUAD") { qty=4; }
    else if (option_price==="TRIPLE") { qty=3; }
    else if (option_price==="DOUBLE") { qty=2; }
    $("#qty").val(qty);

    let price=$("#price").val()? $("#price").val(): 0;
    let total=qty*price;


    $("#amount_txt").text("Rp. "+formatWithDecimal.format(total));
    $("#amount").val(total);
    for (let k=0;k<qty;k++){
        addRowTrx('jamaah','tr_head');
    }
}

function hitungTotalBookingPrice(){
    let rows = document.querySelectorAll('tr');
    let isHidden;
    let arr;
    let stat;
    let no_item;
    let total_price=0;

    let qty=0;
    rows.forEach(row => {

        console.log("row-id:"+row.id+""); // akan mencetak id dari masing-masing <tr>
        isHidden = window.getComputedStyle(row).display === 'none';
        if (!isHidden){
            arr = row.id.split('_');
            stat = arr[0]? arr[0] : "";
            no_item = arr[1]? arr[1] : 0;
            if (no_item>0){
                qty++;
                price =$("#price").val()? $("#price").val() : 0;
                total_price +=Number(price);
            }
console.log("Pri:"+price+" --> "+total_price);
        }
    });

    $("#amount_txt").text("Rp. "+formatWithDecimal.format(total_price));
    $("#amount").val(total_price);
    $("#qty").val(qty);
}


function submitTrx(){
    let rows = document.querySelectorAll('tr');
    let isHidden;
    let arr;
    let stat;
    let no_item;
    let total_price=0;

    DT_JAMAAH=[];
    let option_price=$("#option_price").val()? $("#option_price").val(): "";
    let product_id=$("#product_id").val()? $("#product_id").val(): "0";
    let jamaah_pic="";

    let qty=0;
  let pic = document.getElementsByName('jamaah_pic');
  for (let i = 0; i < pic.length; i++) {
    if (pic[i].checked) {
      pic = pic[i].value;
      break;
    }
  }   
//    jamaah_pic =$("#jamaah_name_"+pic).val()? $("#jamaah_name_"+pic).val(): "";

    rows.forEach(row => {

        console.log("row-id:"+row.id+""); // akan mencetak id dari masing-masing <tr>
        isHidden = window.getComputedStyle(row).display === 'none';
        if (!isHidden){
            arr = row.id.split('_');
            stat = arr[0]? arr[0] : "";
            no_item = arr[1]? arr[1] : 0;
            if (no_item>0){
                qty++;
                DT_JAMAAH.push({option:option_price, jamaah_pic : jamaah_pic,
                    jamaah_name :$("#jamaah_name_"+no_item).val()? $("#jamaah_name_"+no_item).val(): "", 
                    jamaah_sex :$("#jamaah_sex_"+no_item).val()? $("#jamaah_sex_"+no_item).val(): "", 
                    jamaah_nik :$("#jamaah_nik_"+no_item).val()? $("#jamaah_nik_"+no_item).val(): "", 
                    jamaah_phone :$("#jamaah_phone_"+no_item).val()? $("#jamaah_phone_"+no_item).val(): "", 
                    jamaah_dob :$("#jamaah_dob_"+no_item).val()? $("#jamaah_dob_"+no_item).val(): "",
                }); 
            }
        }
    });

var json_dt = {
      product_id :product_id,
      option : option_price,
      qty : qty,
      dt_jamaah : DT_JAMAAH,
  }
console.log("SS:"+JSON.stringify(json_dt));  
  let url=API_URL+"/api/transaction/save";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        alert(JSON.stringify(resp));
        if (resp.rc=="000"){
                    window.location.replace(BASE_URL+"/data-transaction");
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });


}

/**************************************************************************
 * transaction *
**************************************************************************/

function setTransactionDetail(transaction_id=0,div_id='div_info_transaction'){

    $("#transaction_id").val(transaction_id);
  var json_dt = {
      transaction_id :transaction_id
  }
  let url=API_URL+"/api/transaction/detail";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
console.log("resp:"+JSON.stringify(resp));
        if (resp.rc=="000"){
            txt ="";
txt +="<div class=\"modal fade bd-example-modal-lg\" id=\"editModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">";
txt +="    <div class=\"modal-dialog modal-lg\" role=\"document\">";
txt +="    <div class=\"modal-content\">";
txt +="        <div class=\"modal-header\">";
txt +="        <h5 class=\"modal-title\" id=\"exampleModalLabel_edit\">Edit Data</h5>";
txt +="        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" onclick=\"cariAsset()\" aria-label=\"Close\">";
txt +="            <span aria-hidden=\"true\">&times;</span>";
txt +="        </button>";
txt +="        </div>";
txt +="        <div class=\"modal-body\">";
txt +="            <div id=\"div_proses_edit\" class=\"card-body\" style=\"padding:0px !important; display:none\">";
txt +="            </div>";
txt +="            <div class=\"card-body\" id=\"div_form_edit\" style=\"padding:0px !important; display:none\">";
txt +="            </div>";
txt +="";
txt +="        </div>";
txt +="        <div class=\"modal-footer\">";
txt +="        <div id=\"div_action_edit\" style=\"display:none\">";
txt +="        <button type=\"button\" class=\"btn btn-secondary\" onclick=\"cariAsset()\" data-dismiss=\"modal\">Close</button>";
txt +="            </div>";
txt +="        </div>";
txt +="";
txt +="    </div>";
txt +="    </div>";
txt +="    </div>";
let info="";
info+="<b>"+resp.data.reff_no+"</b>: ";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">No Reff</div>";
txt +="  <div class=\"col-md-4\" ><b>"+resp.data.reff_no+"</b></div>";
txt +="  <div class=\"col-md-2\">Tanggal</div>";
txt +="  <div class=\"col-md-4\" ><b>"+resp.data.created_at+"</b></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Agent</div>";
txt +="  <div class=\"col-md-4\" ><b>"+resp.data.agent+"</b></div>";
txt +="  <div class=\"col-md-2\">Status</div>";
info+="<br>agent: <b>"+resp.data.agent+"</b><br>";
txt +="  <div class=\"col-md-4\" ><b><u>"+resp.data.status+"</u></b>";

if (resp.data.status.toUpperCase() == "WAITING"){
if (Number(resp.data.paid)>100000){
txt +="  <span class=\"\" onclick=\"updateStatusTransaction('"+resp.data.id+"','Booking');\"><button type=\"button\" class=\"btn btn-info\" ><b><u>Set Booking (proses bayar DP)</u></b></span>";
}
}
if (resp.data.status.toUpperCase() == "BOOKING" || resp.data.status.toUpperCase() == "WAITING"){	
if (Number(resp.data.paid)>1000000){
txt +="  <span class=\"\" onclick=\"updateStatusTransaction('"+resp.data.id+"','Booked');\"><button type=\"button\" class=\"btn btn-info\" ><b><u>Set Booked(full DP)</u></b></span>";
}
}
if (resp.data.status.toUpperCase() != "CANCEL"){
if (Number(resp.data.paid)==0){
txt +="  <span class=\"\" onclick=\"updateStatusTransaction('"+resp.data.id+"','Cancel');\"><button type=\"button\" class=\"btn btn-info\" ><b><u>Set Cancel</u></b></span>";
}
}
if (resp.data.status.toUpperCase() == "BOOKED" ){
if (Number(resp.data.paid)>=Number(resp.data.amount_total)){
txt +="  <span class=\"\" onclick=\"updateStatusTransaction('"+resp.data.id+"','Lunas');\"><button type=\"button\" class=\"btn btn-info\" ><b><u>Set Lunas</u></b></span>";
}
}

txt +="</div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Product</div>";
txt +="  <div class=\"col-md-10\" ><b>"+resp.data.product+"</b></div>";
txt +="</div>";
info+="<i>"+resp.data.product+"</i> ";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Jadwal</div>";
txt +="  <div class=\"col-md-10\"><u>Berangkat</u>: <b>"+resp.data.start_date+"</b>&nbsp;&nbsp;&nbsp;&nbsp;<u>Pulang</u>: <b>"+resp.data.end_date+"</b></div>";
txt +="</div>";
info+="<i>("+resp.data.start_date+" - "+resp.data.end_date+")</i> ";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Opsi</div>";
txt +="  <div class=\"col-md-4\" ><b>"+resp.data.option+"</b></div>";
txt +="  <div class=\"col-md-2\">Harga</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.unit_price)+"</b></div>";
txt +="</div>";
txt +="";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Jumlah</div>";
txt +="  <div class=\"col-md-4\" ><b>"+resp.data.qty+"</b></div>";
txt +="</div>";
txt +="";
info+="<br><br><u>"+resp.data.qty+" "+resp.data.option+"</u>";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Total Harga</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.amount_price)+"</b></div>";
txt +="  <div class=\"col-md-2\">Discount</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(+resp.data.amount_discount)+"</b></div>";
txt +="</div>";
info+=" harga:<b>"+resp.data.amount_total+" ";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Amount Akhir</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.amount_total)+"</b></div>";
txt +="  <div class=\"col-md-2\">Biaya lain</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.other_amount)+"</b></div>";
txt +="</div>";

txt +="";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Jumlah Bayar</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.paid)+"</b></div>";
txt +="  <div class=\"col-md-2\">Bayar Lain</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(resp.data.paid_other)+"</b></div>";
txt +="</div>";
txt +="";
sisa=Number(resp.data.amount_total)+Number(resp.data.other_amount) - Number(resp.data.paid) -Number(resp.data.paid_other) 
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Sisa Bayar</div>";
txt +="  <div class=\"col-md-4\" ><b>"+formatWithDecimal.format(sisa)+"</b></div>";
if (sisa==0){
txt +="  <div class=\"col-md-6\"><button type=\"button\" class=\"btn btn-info\" ><b><u>LUNAS</u></b></button></div>";
}else{
//txt +="  <div class=\"col-md-2\"><button type=\"button\" class=\"btn btn-warning\" ><b><u>BELUM</u></b></button></div>";
//txt +="  <div class=\"col-md-4\"><a href=\"/transaction/bayar_skr/"+resp.data.id+"/"+resp.data.qty+"\"><b><u>Bayar Sekarang</u></b></a></div>";
txt +="  <div class=\"col-md-2\" onclick=\"displayAddPayment('"+resp.data.id+"','"+info+"');\"><button type=\"button\" class=\"btn btn-warning\" ><b><u>Tambah Biaya</u></b></button></div>";

}
txt +="</div>";
txt +="<div><span style=\"font-size=8px\">";
txt +="<i>Catatan:";
txt +="<ul>";
txt +="<li>Booking/Waiting = Belum selesai DP</li>";
txt +="<li>Booked = Sudahselesai DP</li>";
txt +="<li>Lunas = Lunas</li>";
txt +="</ul>";

txt +="</i></span></div>";
      document.getElementById(div_id).innerHTML=txt;
    }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

function updateStatusTransaction(transaction_id=0,status){
alert(transaction_id);
var json_dt = {
      transaction_id : transaction_id,
      status : status
  }
  let url=API_URL+"/api/transaction/update_transaction_status";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        alert(resp.message);
window.location.reload();

    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });
}

function saveAddPayment(){
var json_dt = {
    transaction_id :     $("#transaction_id").val(),
    amount :     $("#amount").val(),
    note :     $("#note").val(),
    
  }
  let url=API_URL+"/api/transaction/set_other_charge";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        alert(resp.message);
window.location.reload();

    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });
}


  function displayAddPayment(transaction_id,info=""){
    var txt="";
    $("#div_form_edit").show();
    $("#div_action_edit").show();
    $("#div_proses_edit").hide();

    $("#editModal").modal('show');
    $("#exampleModalLabel_edit").text("Tambah Biaya");
    var txt="";
    txt +="<h2>Tambahan Biaya</h2>";
    txt +="<table>";
        txt +="<tr>";
    txt +="<td width=\"20%\">Transaksi</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+info+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<input type=hidden id=\"transaction_id\" value=\""+transaction_id+"\">";

    txt +="<tr>";
    txt +="<td width=\"20%\">Jumlah Biaya Tambahan</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\"><input type=number id=\"amount\"></td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Catatan</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\"><textarea cols=80 rows=3 id=\"note\"></textarea></td>";
    txt +="</td>";
    txt +="</tr>";
    
    txt +="<tr>";
          txt +="<td width=\"100%\" align=\"center\" colspan=4>";
        txt +="<button type=\"button\" onclick=\"saveAddPayment();\" class=\"btn btn-warning\" > <span  style=\"cursor:pointer\" class=\"button btn-warning\">Tambah Biaya</span></button>";
    txt +="</td>";
    txt +="</tr>";
     txt +="</table>";
    document.getElementById("div_form_edit").innerHTML=txt;


    }


var DT_JAMAAH=[];
function setTransactionOrg(transaction_id=0,div_id="div_info_jamaah"){
    qty =     $("#qty").val();

    $("#transaction_id").val(transaction_id);
  var json_dt = {
      transaction_id :transaction_id
  }
  let url=API_URL+"/api/transaction/list_org";
  console.log("REQUEST list Jamaah dr Transaksi URL["+url+"] param["+JSON.stringify(json_dt)+"]");
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        k=0;
        txt="";
  console.log("RESPONSE list Jamaah dr Transaksi URL["+url+"] param["+JSON.stringify(resp)+"]");
        if (resp.rc=="000"){
            for (let i=0;i<resp.data.length;i++){
                k++;
                dt=resp.data[i];
                transaction_org_id=dt.id;
                dt2=dt;
                dt2.transaction_org_id=transaction_org_id;
                dt2.id=dt.id+"_"+dt.org_id;
                DT_JAMAAH.push(dt2);
                
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">B."+k+"</div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Nama</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"text\" id=\"jamaah_name_"+dt2.id+"\" value=\""+dt.jamaah_name+"\"></div>";
txt +="  <div class=\"col-md-2\">Pasangan</div>";
txt +="  <div class=\"col-md-3\" ><input type=\"text\" id=\"pasangan_"+dt2.id+"\" value=\""+dt.pasangan+"\"></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">NIK</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"number\" id=\"jamaah_nik_"+dt2.id+"\" value=\""+dt.jamaah_nik+"\"></div>";
txt +="  <div class=\"col-md-2\">L/P</div>";
txt +="  <div class=\"col-md-3\" ><select id=\"jamaah_sex_"+dt2.id+"\">";
txt +="  <option value=\"\"></option>";
txt +="  <option value=\"L\""; if (dt.jamaah_sex==="L") { txt +=" selected "; } txt +=">Laki</option>";
txt +="  <option value=\"P\""; if (dt.jamaah_sex==="L") { txt +=" selected "; } txt +=">Perempuan</option>";
txt +="  </select></div>";
txt +="</div>";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Tgl Lahir</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"date\" id=\"jamaah_dob_"+dt2.id+"\" value=\""+dt.jamaah_dob+"\"></div>";
txt +="  <div class=\"col-md-2\">Usia</div>";
txt +="  <div class=\"col-md-3\" ><label id=\"jamaah_usia_"+dt2.id+"\"></label></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Email</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"text\" id=\"jamaah_email_"+dt2.id+"\" value=\""+dt.jamaah_email+"\"></div>";
txt +="  <div class=\"col-md-2\">Phone</div>";
txt +="  <div class=\"col-md-3\" ><input type=\"number\" id=\"jamaah_phone_"+dt2.id+"\" value=\""+dt.jamaah_phone+"\"></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Address</div>";
txt +="  <div class=\"col-md-10\" ><textarea id=\"jamaah_address_"+dt2.id+"\" rows=2 cols=75>"+dt.jamaah_address+"</textarea></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-12\" ><a ><button type=\"button\" class=\"btn btn-primary\" onclick=\"saveTransactionOrg()\">Save Jamaah</button></a></div>";
txt +="</div>";
txt +="<div class=\"row\">&nbsp;</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-12\"><b>Dokumen</b></div>";
txt +="</div>";
txt +="<div class=\"row\" id=\"div_dokumen_"+transaction_org_id+"\">";
txt +="</div>";
txt +="<hr>";
            }
            for (let i=k;i<qty;i++){
                k++;
                id="0_"+k;
                DT_JAMAAH.push({id:id,});
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">B."+k+"</div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Nama</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"text\" id=\"jamaah_name_"+id+"\" value=\"\"></div>";
txt +="  <div class=\"col-md-2\">Pasangan</div>";
txt +="  <div class=\"col-md-3\" ><input type=\"text\" id=\"pasangan_"+id+"\" value=\"\"></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">NIK</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"number\" id=\"jamaah_nik_"+id+"\" value=\""+"\"></div>";
txt +="  <div class=\"col-md-2\">L/P</div>";
txt +="  <div class=\"col-md-3\" ><select id=\"jamaah_sex_"+id+"\">";
txt +="  <option value=\"\"></option>";
txt +="  <option value=\"L\">Laki</option>";
txt +="  <option value=\"P\">Perempuan</option>";
txt +="  </select></div>";
txt +="</div>";

txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Tgl Lahir</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"date\" id=\"jamaah_dob_"+id+"\" value=\""+"\"></div>";
txt +="  <div class=\"col-md-2\">Usia</div>";
txt +="  <div class=\"col-md-3\" ><label id=\"jamaah_usia_"+id+"\"></label></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Email</div>";
txt +="  <div class=\"col-md-5\" ><input type=\"text\" id=\"jamaah_email_"+id+"\" value=\""+"\"></div>";
txt +="  <div class=\"col-md-2\">Phone</div>";
txt +="  <div class=\"col-md-3\" ><input type=\"number\" id=\"jamaah_phone_"+id+"\" value=\""+"\"></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-2\">Address</div>";
txt +="  <div class=\"col-md-10\" ><textarea id=\"jamaah_address_"+id+"\" rows=2 cols=75></textarea></div>";
txt +="</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-12\" ><a ><button type=\"button\" class=\"btn btn-primary\" onclick=\"saveTransactionOrg()\">Save Jamaah</button></a></div>";
txt +="</div>";
txt +="<div class=\"row\">&nbsp;</div>";
txt +="<div class=\"row\">";
txt +="  <div class=\"col-md-12\"><b>Dokumen</b></div>";
txt +="</div>";
txt +="<div  class=\"row\" id=\"div_dokumen_\">";
txt +="</div>";
txt +="<hr>";
            }

        }
        document.getElementById(div_id).innerHTML=txt;

        for (let i=0;i<resp.data.length;i++){
          setTransactionOrgDocument(resp.data[i].org_id, resp.data[i].transaction_org_id,'div_dokumen');
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

function setTransactionOrg2(transaction_id=0,div_id="div_info_jamaah"){
    qty =     $("#qty").val();

    $("#transaction_id").val(transaction_id);
  var json_dt = {
      transaction_id :transaction_id
  }
        txt="";
  let url=API_URL+"/api/transaction/list_org2";
      txt += "    <table id=\"datatables\" class=\"table table-striped table-no-bordered table-hover\" cellspacing=\"0\" width=\"100%\" style=\"width:100%\">";
    txt += "        <thead>";
    txt += "            <tr>";
    txt += "                <th>No</th>";
    txt += "                <th>Paket</th>";
    txt += "                <th>Start</th>";
    txt += "                <th>End</th>";
    txt += "                <th>Nama</th>";
    txt += "                <th>NIK</th>";
    txt += "                <th>Phone</th>";
    txt += "                <th>Photo</th>";
    txt += "                <th>KTP</th>";
    txt += "                <th>KK</th>";
    txt += "                <th>Passport</th>";
    txt += "                <th>Akta Lahir</th>";
    txt += "                <th>Buku Nikah</th>";
    txt += "                <th>Vax Covid</th>";
    txt += "                <th>Miningitis</th>";
    txt += "                <th>Mahram</th>";
    txt += "            </tr>";
    txt += "        </thead>";
    txt += "        <tbody>";

  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        ke=0;
console.log(JSON.stringify(resp));        
        if (resp.rc=="000"){
            for (let i=0;i<resp.data.length;i++){
                ke++;
                dt=resp.data[i];
    txt += "            <tr>";
    txt += "                <td>"+ke+"</td>";
    txt += "                <td>"+dt.product_name+"</b></td>";
    txt += "                <td>"+dt.start_date+"</b></td>";
    txt += "                <td>"+dt.end_date+"</b></td>";
    txt += "                <td>"+dt.jamaah_name+"</td>";
    txt += "                <td>"+dt.jamaah_nik+"</td>";
    txt += "                <td>"+dt.jamaah_phone+"</td>";
    txt += "                <td><div class=\"row\" id=\"doc_501_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_502_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_503_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_504_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_505_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_506_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_507_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_508_"+dt.id+"\"></div></td>";
    txt += "                <td><div class=\"row\" id=\"doc_509_"+dt.id+"\"></div></td>";
    txt += "            </tr>";
console.log(" sss doc_502_"+dt.id);
}
        }
			txt += "        </tbody>";
			txt += "    </table>";

        document.getElementById(div_id).innerHTML=txt;
	//setDataTables();

        for (let i=0;i<resp.data.length;i++){
          setTransactionOrgDocument2(resp.data[i].org_id, resp.data[i].id,'div_dokumen');
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}


function setTransactionPayment(transaction_id=0){

    $("#transaction_id").val(transaction_id);
  var json_dt = {
      transaction_id :transaction_id
  }
  let url=API_URL+"/api/transaction/detail";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        if (resp.rc=="000"){
            NO_ITEM=0;
            DT_PRODUCT=resp.product;
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}



function setTransactionOrgDocument(org_id, transaction_org_id=0,div_id="div_dokumen_"){

  var json_dt = {
      transaction_org_id :transaction_org_id
  }
  let url=API_URL+"/api/transaction/list_org_doc";
  console.log("REQUEST list dokumen ddr jamaah URL["+url+"] param["+JSON.stringify(json_dt)+"]");
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
  console.log("RESPONSE list dokumen ddr jamaah URL["+url+"] param["+JSON.stringify(resp)+"]");
        if (resp.rc=="000"){
          txt="";
          for (i=0;i<resp.data.length;i++){
            dt=resp.data[i];
            txt +="<div class=\"col-md-2\">"+dt.nama+"</div>";
            txt +="<div class=\"col-md-4\">";
            if (dt.doc.length>0){
              for (k=0;k<dt.doc.length;k++){
                if (k>1){
                  txt +="<br>";
                }
                if (dt.doc[k].doc_type ==="IMG"){
                txt +="<div id=\"div_file_"+dt.doc[k].doc_id+"\">"
                  txt +="<span  style=\"cursor:pointer\" onclick=\"removeTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"','"+dt.doc[k].doc_id+"','div_file_"+dt.doc[k].doc_id+"')\" > X </span>";
                  txt +="<a  target=\"_blank\"  href=\""+dt.doc[k].url+"\" >preview</a>";
                  txt +="</div>";
                }else if (dt.doc[k].doc_type ==="PDF"){
                txt +="<div id=\"div_file_"+dt.doc[k].doc_id+"\">"
                  txt +="<span  style=\"cursor:pointer\" onclick=\"removeTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"','"+dt.doc[k].doc_id+"','div_file_"+dt.doc[k].doc_id+"')\" > X </span>";
                  txt +="<a  target=\"_blank\"  href=\""+dt.doc[k].url+"\" >preview</a>";
                  txt +="</div>";
                }else {
                txt +="<div id=\"div_file_"+dt.doc[k].doc_id+"\">"
                  txt +="<span  style=\"cursor:pointer\" onclick=\"removeTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"','"+dt.doc[k].doc_id+"','div_file_"+dt.doc[k].doc_id+"')\" > X </span>";
                  txt +="<a target=\"_blank\"  href=\""+dt.doc[k].url+"\" >preview</a>";
                  txt +="</div>";
                }
              }
            }else{
              txt +="<div id=\"div_file_"+dt.id+"_"+transaction_org_id+"\">"
              txt +="<input type=\"file\" id=\"file_"+dt.id+"_"+transaction_org_id+"\" class=\"\" onchange=\"uploadTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"');\">";
              txt +="</div>";
              txt +="<div id=\"loading_"+dt.id+"_"+transaction_org_id+"\">"
              txt +="</div>";
              txt +="<input type=\"hidden\" id=\"doc_file_"+dt.id+"_"+transaction_org_id+"\" name=\"doc_file_link\" value=\"\">";
              txt +="<input type=\"hidden\" id=\"ext_file_"+dt.id+"_"+transaction_org_id+"\" name=\"ext_file_link\" value=\"\">";
              txt +="<input type=\"hidden\" id=\"name_file_"+dt.id+"_"+transaction_org_id+"\" name=\"name_file_link\" value=\"\">";
            }
            txt +="</div>";
          }
          document.getElementById(div_id+"_"+transaction_org_id).innerHTML=txt;
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}


function setTransactionOrgDocument2(org_id, transaction_org_id=0,div_id="div_dokumen_"){

  var json_dt = {
      transaction_org_id :transaction_org_id
  }
  let url=API_URL+"/api/transaction/list_org_doc";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        if (resp.rc=="000"){
          for (i=0;i<resp.data.length;i++){
            dt=resp.data[i];
console.log("do:"+JSON.stringify(dt));
            if (dt.doc.length>0){
              for (k=0;k<dt.doc.length;k++){
                txt="";
                if (k>1){
                  txt +="<br>";
                }
                if (dt.doc[k].doc_type ==="IMG"){
                  txt +="<a  target=\"_blank\"  href=\""+dt.doc[k].url+"\" >view</a>";
                }else if (dt.doc[k].doc_type ==="PDF"){
                  txt +="<a  target=\"_blank\"  href=\""+dt.doc[k].url+"\" >view</a>";
                }else {
                  txt +="<a target=\"_blank\"  href=\""+dt.doc[k].url+"\" >view</a>";
                }
console.log("doc_"+resp.data[i].id+"_"+transaction_org_id);		
                document.getElementById("doc_"+resp.data[i].id+"_"+transaction_org_id).innerHTML=txt;
              }
            }else{
            }
            txt +="</div>";
          }
        }
    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}


async function simpanFile(doc_category_id=0,transaction_org_id=0) {
  file = document.getElementById("file_"+doc_category_id+"_"+transaction_org_id).files[0];
    if (file){
        return new Promise((resolve, reject) => {
            var reader = new FileReader();
            reader.readAsBinaryString(file);
            reader.onload = function() {
                $("#doc_file_"+doc_category_id+"_"+transaction_org_id).val(btoa(reader.result));
                $("#ext_file_"+doc_category_id+"_"+transaction_org_id).val(file.name.split('.').pop().toLowerCase());
                $("#name_file_"+doc_category_id+"_"+transaction_org_id).val(file.name);
                resolve ({ "rc": "000", "message": "Success"});
            }
            reader.onerror = function() {
                reject ({ "rc": "001", "message":"error on upload image. Try again"});
            };
        });

    }else{
      return { "rc": "001", "message":"File Image empty. You must upload image"};
    }
}

function removeTransactionOrgDoc(doc_category_id=0,transaction_org_id=0,org_id=0,doc_id=0,div_id){
  let text = document.getElementById(div_id).innerHTML;
    document.getElementById(div_id).innerHTML=loading();

  var json_dt = {
    transaction_org_id: transaction_org_id,
      doc_id : doc_id,
      status : "DEL",
  }

  let url=API_URL+"/api/transaction/update_transaction_org_doc_status";
  console.log("REQUEST remove/hapus dokumen jamaah URL["+url+"] param["+JSON.stringify(json_dt)+"]");

    $.ajax({
        type: 'POST',
        url: url,
        headers: {
        "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: json_dt,
        success: function(resp)
            {
  console.log("RESPONSE remove/hapus dokumen jamaah URL["+url+"] param["+JSON.stringify(resp)+"]");
              
                alert(resp.message)
                if (resp.rc =="000"){
                    k=0;
                    txt="";
                      txt +="<div id=\"div_file_"+doc_category_id+"_"+transaction_org_id+"\">"
              txt +="<input type=\"file\" id=\"file_"+doc_category_id+"_"+transaction_org_id+"\" class=\"\" onchange=\"uploadTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"');\"></label>";
              txt +="</div>";
              txt +="<input type=\"hidden\" id=\"doc_file_"+doc_category_id+"_"+transaction_org_id+"\" name=\"doc_file_link\" value=\"\">";
              txt +="<input type=\"hidden\" id=\"ext_file_"+doc_category_id+"_"+transaction_org_id+"\" name=\"ext_file_link\" value=\"\">";
              txt +="<input type=\"hidden\" id=\"name_file_"+doc_category_id+"_"+transaction_org_id+"\" name=\"name_file_link\" value=\"\">";
                  document.getElementById(div_id).innerHTML=txt;
                }else{
                  document.getElementById(div_id).innerHTML=text;
                }
            },
        error: function(jqXHR,error, errorThrown) {
                  document.getElementById(div_id).innerHTML=text;
            alert("RRP"+jqXHR.responseText+" -- "+error);
        }   
    });

}

async function uploadTransactionOrgDoc(doc_category_id=0,transaction_org_id=0,org_id=0,div_id){
  div_id="div_file_"+doc_category_id+"_"+transaction_org_id;
  div_loading_id="loading_"+doc_category_id+"_"+transaction_org_id;
  let text = document.getElementById(div_id).innerHTML;
    document.getElementById(div_loading_id).innerHTML=loading();

    let dt_resp1;
    try {
        dt_resp1 = await simpanFile(doc_category_id,transaction_org_id);
    } catch (err) {
      alert(err.message || "Terjadi error saat upload file");
      document.getElementById(div_loading_id).innerHTML="";      
      return false;
    }

    if (dt_resp1.rc !== '000') {
        alert(dt_resp1.message);
      document.getElementById(div_loading_id).innerHTML="";      

        return false;
    }

    DT_DATA["transaction_org_id"] = transaction_org_id;
    DT_DATA["doc_category_id"] = doc_category_id;
    DT_DATA["org_id"] = org_id;
    DT_DATA["doc_file"] = $("#doc_file_"+doc_category_id+"_"+transaction_org_id).val();
    DT_DATA["ext_file"] = $("#ext_file_"+doc_category_id+"_"+transaction_org_id).val();
    DT_DATA["name_file"] = $("#name_file_"+doc_category_id+"_"+transaction_org_id).val();

    
  let url=API_URL+"/api/transaction/upload_transaction_org_doc";

    temp=DT_DATA;
//    temp['doc_file']='base64';
  console.log("REQUEST upload dokumen jamaah URL["+url+"] param["+JSON.stringify(temp)+"]");

    $.ajax({
        type: 'POST',
        url: url,
        headers: {
        "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: DT_DATA,
        success: function(resp)
            {
  console.log("RESPONSE upload dokumen jamaah URL["+url+"] param["+JSON.stringify(resp)+"]");
                document.getElementById(div_loading_id).innerHTML="";      
                alert(resp.message)
                if (resp.rc =="000"){
                    k=0;
                    txt="";
//                txt +="<div id=\"div_file_"+dt.doc[k].doc_id+"\">"
                  txt +="<span  style=\"cursor:pointer\" onclick=\"removeTransactionOrgDoc('"+dt.id+"','"+transaction_org_id+"','"+org_id+"','"+resp.data.doc_id+"','"+div_id+"')\" > X </span>";
                  txt +="<a target=\"_blank\" href=\""+resp.data.url+"\" >preview</a>";
//                  txt +="</div>";
                  document.getElementById(div_id).innerHTML=txt;
                }
            },
        error: function(jqXHR,error, errorThrown) {
          document.getElementById(div_loading_id).innerHTML="";      
            alert("RRP"+jqXHR.responseText+" -- "+error);
        }   
    });

  }

function saveTransactionOrg(){
  transaction_id=$("#transaction_id").val();
  qty=$("#qty").val();

  for (let i=0;i<DT_JAMAAH.length;i++){
    DT_JAMAAH[i].jamaah_name=$("#jamaah_name_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_nik=$("#jamaah_nik_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_sex=$("#jamaah_sex_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_dob=$("#jamaah_dob_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_email=$("#jamaah_email_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_phone=$("#jamaah_phone_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].jamaah_address=$("#jamaah_address_"+DT_JAMAAH[i].id).val();
    DT_JAMAAH[i].pasangan=$("#pasangan_"+DT_JAMAAH[i].id).val();
  }

  var json_dt = {
      transaction_id :transaction_id,
      dt_jamaah: DT_JAMAAH,
  }
console.log(JSON.stringify(json_dt));  
  let url=API_URL+"/api/transaction/save_org_all";
  console.log("REQUEST Save Jamaah dr Transaksi URL["+url+"] param["+JSON.stringify(json_dt)+"]");
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
  console.log("REsponse Save Jamaah dr Transaksi URL["+url+"] param["+JSON.stringify(resp)+"]");
alert(resp.message);
      if (resp.rc=="000"){
            NO_ITEM=0;
            DT_PRODUCT=resp.product;
          window.location.replace(BASE_URL+"/data-transaction/detail/"+transaction_id+"/"+qty);
        }
    },
    error: function(jqXHR,error, errorThrown) {
        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

function getTransactionPayment(transaction_id=0,div_id="div_info_payment"){
    qty =     $("#qty").val();

    $("#transaction_id").val(transaction_id);
  var json_dt = {
      transaction_id :transaction_id
  }
  let url=API_URL+"/api/payment/list_payment_transaction";
console.log("REQUEST list Payment dr Transaksi URL["+url+"] param["+JSON.stringify(json_dt)+"]");
    
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
console.log("RESPONSE list Payment dr Transaksi URL["+url+"] param["+JSON.stringify(resp)+"]");
        k=0;
        txt="";
    txt += "    <table id=\"datatables\" class=\"table table-striped table-no-bordered table-hover\" cellspacing=\"0\" width=\"100%\" style=\"width:100%\">";
    txt += "        <thead>";
    txt += "            <tr>";
    txt += "                <th rowspan=\"2\">No</th>";
    txt += "                <th rowspan=\"2\">Status</th>";
    txt += "                <th rowspan=\"2\">Amount</th>";
    txt += "                <th rowspan=\"2\">Type</th>";
    txt += "                <th colspan=\"3\">Invoice</th>";
    txt += "                <th colspan=\"2\">Payment</th>";
    txt += "            </tr>";
    txt += "            <tr>";
    txt += "                <th>No</th>";
    txt += "                <th>Date</th>";
    txt += "                <th>Due Date</th>";
    txt += "                <th>Reff</th>";
    txt += "                <th>date</th>";
    txt += "            </tr>";
    txt += "        </thead>";
    txt += "        <tbody>";
        
        if (resp.rc=="000"){
            for (let i=0;i<resp.data.length;i++){
                k++;
                dt=resp.data[i];
      txt += "            <tr>";
      txt += "                <td>"+k+"</td>";
      txt += "                <td>"+dt.status+"</td>";
      txt += "                <td>"+dt.amount+"</td>";
      txt += "                <td>"+dt.cash_type+" "+dt.acc_bank+"</td>";
      txt += "                <td>"+dt.invoice_no+"</td>";
      txt += "                <td>"+dt.invoice_date+"</td>";
      txt += "                <td>"+dt.invoice_due_date+"</td>";
      txt += "                <td>"+dt.payment_reff+"</td>";
      txt += "                <td>"+dt.payment_date+"</td>";
    txt += "            </tr>";
                
            }
			txt += "        </tbody>";
			txt += "    </table>";
        document.getElementById(div_id).innerHTML=txt;

        }

    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

function updatePayment(payment_id=0,status){
alert(payment_id);
var json_dt = {
      payment_id : payment_id,
      status : status
  }
  let url=API_URL+"/api/payment/update_payment";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
	alert(resp.message);
window.location.reload();

    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });
}

function getTransactionPayment2(transaction_id=0,div_id="div_info_payment",status=""){
    qty =     $("#qty").val();

    $("#transaction_id").val(transaction_id);
  var json_dt = {
    status : status      
  }
  let url=API_URL+"/api/payment/list_payment_transaction2";
  $.ajax({
    type: 'POST',
    url: url,
    headers: {
      "Authorization": "Bearer "+LOGIN_DT.access_token,
    },
    data: json_dt,
    success: function(resp)
    {
        k=0;
        txt="";
        txt +="<h2>List Payment "+status+"</h2>";
    txt += "    <table id=\"datatables\" class=\"table table-striped table-no-bordered table-hover\" cellspacing=\"0\" width=\"100%\" style=\"width:100%\">";
    txt += "        <thead>";
    txt += "            <tr>";
    txt += "                <th rowspan=\"2\">No</th>";
    txt += "                <th rowspan=\"2\">Datetime</th>";
    txt += "                <th rowspan=\"2\">Agent</th>";
    txt += "                <th rowspan=\"2\">Jamaah</th>";
    txt += "                <th rowspan=\"2\">Paket</th>";
    txt += "                <th rowspan=\"2\">Waktu</th>";    
    txt += "                <th rowspan=\"2\">Kode</th>";
    txt += "                <th rowspan=\"2\">Amount</th>";
    txt += "                <th rowspan=\"2\">Type</th>";
//    txt += "                <th colspan=\"3\">Invoice</th>";
    txt += "                <th colspan=\"4\">Payment</th>";
    txt += "                <th rowspan=\"2\">Kuitansi</th>";
    txt += "                <th rowspan=\"2\"></th>";
    txt += "                <th rowspan=\"2\">Note</th>";
    txt += "            </tr>";
    txt += "            <tr>";
  //  txt += "                <th>No</th>";
  //  txt += "                <th>Date</th>";
 //   txt += "                <th>Due Date</th>";
    txt += "                <th>Bukti</th>";
    txt += "                <th>Status</th>";
    txt += "                <th>Reff</th>";
    txt += "                <th>date</th>";
    txt += "            </tr>";
    txt += "        </thead>";
    txt += "        <tbody>";
        
console.log(JSON.stringify(resp));        
        if (resp.rc=="000"){
          DT_PAYMENT=resp.data;
            for (let i=0;i<resp.data.length;i++){
                k++;
                dt=resp.data[i];
      txt += "            <tr>";
      txt += "                <td>"+k+"</td>";
      txt += "                <td>("+dt.payment_id+") "+dt.created_at+"</td>";
      txt += "                <td>"+dt.agent+"</td>";
      txt += "                <td>"+dt.full_name+"<br>"+dt.msisdn+"</td>";
      txt += "                <td>("+dt.transaction_id+") "+dt.product_name+"</td>";
      txt += "                <td>"+dt.start_date+" sd "+dt.end_date+"</td>";
      txt += "                <td>"+dt.reff_no+" ("+dt.option+": "+dt.qty+")</td>";
      txt += "                <td>"+dt.amount+" ("+dt.status+")</td>";
      txt += "                <td>"+dt.cash_type+" "+dt.acc_bank+"</td>";
/*
txt += "                <td>"+dt.invoice_no+"</td>";
      txt += "                <td>"+dt.invoice_date+"</td>";
      txt += "                <td>"+dt.invoice_due_date+"</td>";
*/
        txt += "                <td>";
	if (dt.doc_bukti_bayar.length>4) {
		txt +="<a href=\""+dt.doc_bukti_bayar+"\" target=\"_blank\"><button>View</button></a>";
	}
        txt +="</td>";
        txt += "                <td>"+dt.status+"</td>";
	txt += "                <td>"+dt.payment_reff+"</td>";
      txt += "                <td>"+dt.payment_date+"</td>";
        txt += "                <td>";
        if (dt.doc_kuitansi.length>4) {
                txt +="<a href=\""+dt.doc_kuitansi+"\" target=\"_blank\"><button>View</button></a>";
        }
        txt +="</td>";
        txt += "                <td>";
	if (dt.status == "WAITING"){
		txt +="<button type=\"button\" class=\"btn btn-primary\" onclick=\"displayConfirmPayment("+i+",'CONFIRM');\" ><span style=\"cursor:pointer\" class=\"button btn-primary\">Confirm</span></button>";
    txt +="&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-warning\"  onclick=\"displayRejectPayment("+i+",'REJECT');\"><span style=\"cursor:pointer\" class=\"button btn-warning\">Reject</span></button>";		
	}
        txt +="</td>";
      txt += "                <td>"+dt.note+"</td>";
      
    txt += "            </tr>";
                
            }
			txt += "        </tbody>";
			txt += "    </table>";
        document.getElementById(div_id).innerHTML=txt;
	setDataTables();

        }

    },
    error: function(jqXHR,error, errorThrown) {
//        alert("RRP"+jqXHR.responseText+" -- "+error);
    }
  });

}

  function displayConfirmPayment(idx){
    var txt="";
    var dt=DT_PAYMENT[idx];
    $("#div_form_edit").show();
    $("#div_action_edit").show();
    $("#div_proses_edit").hide();

    $("#editModal").modal('show');


    $("#exampleModalLabel_edit").text("Komisi");
    var txt="";
    txt +="<h2>Pembayaran</h2>";
    txt +="<table>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Paket</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">("+dt.transaction_id+") "+dt.product_name+" ("+dt.start_date+" sd "+dt.end_date+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Kode</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.reff_no+" ("+dt.option+": "+dt.qty+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Payment Date</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.payment_date+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Jenis Payment</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.cash_type+" "+dt.acc_bank+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Jumlah</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.amount+" ("+dt.status+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Payment Reff</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.payment_reff+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Note</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.note+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Bukti</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\"><a  target=\"_blank\" href=\""+dt.doc_bukti_bayar+"\"><img src=\""+dt.doc_bukti_bayar+"\" width=\"200\"/>";
    txt +="<br>view/download</a></td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
 	  txt +="<td width=\"100%\" align=\"center\" colspan=4>";
  	txt +="<button type=\"button\" onclick=\"updatePayment("+dt.payment_id+",'CONFIRM');\" class=\"btn btn-primary\" > <span  style=\"cursor:pointer\" class=\"button btn-primary\">Confirm</span></button>";
    txt +="</td>";
    txt +="</tr>";
     txt +="</table>";
    document.getElementById("div_form_edit").innerHTML=txt;

    }
  
var DT_PAYMENT=[];

  function displayRejectPayment(idx){
    var txt="";
    var dt=DT_PAYMENT[idx];
    $("#div_form_edit").show();
    $("#div_action_edit").show();
    $("#div_proses_edit").hide();

    $("#editModal").modal('show');


    $("#exampleModalLabel_edit").text("Komisi");
    var txt="";
    txt +="<h2>Pembayaran</h2>";
    txt +="<table>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Paket</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">("+dt.transaction_id+") "+dt.product_name+" ("+dt.start_date+" sd "+dt.end_date+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Kode</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.reff_no+" ("+dt.option+": "+dt.qty+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Payment Date</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.payment_date+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Jenis Payment</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.cash_type+" "+dt.acc_bank+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Jumlah</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.amount+" ("+dt.status+")</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Payment Reff</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.payment_reff+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Note</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\">"+dt.note+"</td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
    txt +="<td width=\"20%\">Bukti</td>";
    txt +="<td width=\"5%\">:</td>";
    txt +="<td width=\"75%\"><a  target=\"_blank\" href=\""+dt.doc_bukti_bayar+"\"><img src=\""+dt.doc_bukti_bayar+"\" width=\"200\"/>";
    txt +="<br>view/download</a></td>";
    txt +="</td>";
    txt +="</tr>";
    txt +="<tr>";
 	  txt +="<td width=\"100%\" align=\"center\" colspan=4>";
  	txt +="<button type=\"button\" onclick=\"updatePayment("+dt.payment_id+",'REJECT');\" class=\"btn btn-warning\" > <span  style=\"cursor:pointer\" class=\"button btn-warning\">REJECT</span></button>";
    txt +="</td>";
    txt +="</tr>";
     txt +="</table>";
    document.getElementById("div_form_edit").innerHTML=txt;


    }