var table ;

function reloadData(){
    $("#div_modal").modal('hide');

    table.ajax.reload();
}

function cariDataCabang(div_id="div_datatables"){
    const routeView = "viewDataCabang(:cabang_id)";   
    const routeEdit = "editDataCabang(:cabang_id)";   
    function makeUrl(template, id) {
        return template.replace(':cabang_id', id);
    }

    $("#div_modal").modal('hide');

    var txt="";
    txt += "<table id=\"datatables_cabang\" 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>Nama</th>";
    txt += "      <th>Profit Center</th>";
    txt += "      <th>Created by</th>";
    txt += "      <th>Created at</th>";
    txt += "      <th>Updated by</th>";
    txt += "      <th>Updated at</th>";
    txt += "      <th>Status</th>";
    txt += "      <th class=\"disabled-sorting text-right\">Action</th>";
    txt += "    </tr>";
    txt += "  </thead>";
    txt += "  <tbody>";
                    
    txt += "</table>";                    
    document.getElementById(div_id).innerHTML=txt;
    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_LIST;

     table = $('#datatables_cabang').DataTable({
        language: {
			'paginate': {
				'previous': '<',
				'next': '>',
				'first': '<<',
				'last': '>>',
				// 'previous': '<i class="fa fa-caret-left" aria-hidden="true"></i>',
				// 'next': '<i class="fa fa-caret-right" aria-hidden="true"></i>',
				// 'first': '<i class="fa fa-fast-backward" aria-hidden="true"></i>',
				// 'last': '<i class="fa fa-fast-forward" aria-hidden="true"></i>',
			}
		},
        processing: true,
        serverSide: true,
        ajax: {
	        type: 'POST',
      	    url: url,
    	    headers: {
      		  "Authorization": "Bearer "+LOGIN_DT.access_token,
        	},
            dataSrc: function(json) {
                if (json.rc === "000") {                    
                    return json.data; // hanya ambil data jika rc sukses
                } else {
                    alert("Gagal load data: " + json.message);
                    return [];
                }
            }
        },
        stateSave: true, // ✅ Simpan ke localStorage
        columns: [
			{ data: null, name: 'no', orderable: false, searchable: false },
        	{ data: 'nama', name : 'tm_cabang.nama' },
        	{ data: 'profit_center', name : 'tm_cabang.profit_center'  },
        	{ data: 'created_by_name', name : 'uC.name'  },
        	{ data: 'created_time', name : 'tm_cabang.created_at'  },
        	{ data: 'updated_by_name', name : 'uU.name'  },
        	{ data: 'updated_time', name : 'tm_cabang.updated_at'  },
            { data: 'status', name : 'tm_cabang.status'  },
            {
                data: 'cabang_id',
                orderable: false,
                searchable: false,
                render: function (data, type, row) {
                    let viewUrl = makeUrl(routeView, data);
                    let editUrl = makeUrl(routeEdit, data);
                    let action_txt="";

                        action_txt += "<a href=\"#\" onclick=\""+viewUrl+"\" class=\"btn btn-link btn-warning edit\"><i class=\"fa fa-eye\"></i></a>";

                    return action_txt;
                }
            }
        ],
 		columnDefs: [{
       		targets: 0,
        	render: function (data, type, row, meta) {
            return meta.row + meta.settings._iDisplayStart + 1;
        }
    	}]
    });

    $('#datatables_cabang_filter input')
    .unbind()
    .bind('keyup', function(e) {
        if (e.key === 'Enter' || e.keyCode === 13) {
        table.search(this.value).draw();
        }
    });
}

function viewDataCabang(data_id){
    var txt="";
    $("#div_content_modal").show();
    $("#div_action_modal").show();
    $("#div_modal").modal('show');

    document.getElementById("label_title_modal").innerHTML = "View Data";        
    var json_dt = {
        cabang_id : data_id,
    }
    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_DETAIL;

    $.ajax({
        type: 'POST',
        url: url,
        headers: {
            "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: json_dt,
        success: function(resp)
        {
//if (Object.keys(resp.data).length > 0) {
                txt +="<input type=\"hidden\" id=\"input_id\" value=\""+resp.data.cabang_id+"\">";
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Nama</label>";
                txt +="  <label class=\"col-sm-8 col-form-label\">"+resp.data.nama+"</label>";
                txt +="</div>";
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Profit Center</label>";
                txt +="  <label class=\"col-sm-8 col-form-label\">"+resp.data.profit_center+"</label>";
                txt +="</div>";
/*
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Alamat</label>";
                txt +="  <label class=\"col-sm-8 col-form-label\">"+resp.data.alamat+"</label>";
                txt +="</div>";
*/
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Status</label>";
                txt +="  <label class=\"col-sm-8 col-form-label\">"+resp.data.status+"</label>";
                txt +="</div>";

//            }
            document.getElementById("div_content_modal").innerHTML=txt;
            txt_a = "";
            txt_a += "<button type=\"button\" class=\"btn btn-round btn-secondary\" onclick=\"reloadData()\" data-dismiss=\"modal\">Close</button>";
            document.getElementById("div_action_modal").innerHTML=txt_a;
        },
        error: function(jqXHR,error, errorThrown) {
            alert("RRP"+jqXHR.responseText+" -- "+error);
            cariData();
            $('#exampleModal').modal('hide');
        }
    });

}

function editDataCabang(data_id){
    var txt="";
    $("#div_content_modal").show();
    $("#div_action_modal").show();
    $("#div_modal").modal('show');

    document.getElementById("label_title_modal").innerHTML = "Edit Data";        
    var json_dt = {
        cabang_id : data_id,
    }
    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_DETAIL;
    $.ajax({
        type: 'POST',
        url: url,
        headers: {
            "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: json_dt,
        success: function(resp)
        {
                txt +="<input type=\"hidden\" id=\"edit_id\" value=\""+resp.data.cabang_id+"\">";
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Nama</label>";
                txt +="  <input type=\"text\" id=\"edit_nama\" class=\"col-sm-8 form-control\" value=\""+resp.data.nama+"\" >";
                txt +="</div>";
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Profit Center</label>";
                txt +="  <input type=\"text\" id=\"edit_profit_center\" class=\"col-sm-8 form-control\" value=\""+resp.data.profit_center+"\" >";
                txt +="</div>";
/*
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Alamat</label>";
                txt +="  <textarea id=\"edit_alamat\" cols=80 rows=3  class=\"col-sm-8 col-form-label\">"+resp.data.alamat+"</textarea>";
                txt +="</div>";
*/                
                txt +="<div class=\"form-group row\">";
                txt +="  <label class=\"col-sm-4 col-form-label\">Status</label>";
                txt +="  <label class=\"col-sm-8 col-form-label form-control bg-light\">"+resp.data.status+"</label>";
                txt +="</div>";
            document.getElementById("div_content_modal").innerHTML=txt;
            txt_a = "";
            txt_a += "<button type=\"button\" class=\"btn btn-round btn-primary\" onclick=\"updateDataCabang()\" data-dismiss=\"modal\">Save</button>";
            if (resp.data.status=='ACTIVE'){
            txt_a += "&nbsp;&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-round btn-warning\" onclick=\"updateDataCabangStatus('"+resp.data.cabang_id+"','INACTIVE')\" data-dismiss=\"modal\">InActive</button>";
            }else{
            txt_a += "&nbsp;&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-round btn-warning\" onclick=\"updateDataCabangStatus('"+resp.data.cabang_id+"','ACTIVE')\" data-dismiss=\"modal\">Active</button>";
            }
            txt_a += "&nbsp;&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-round btn-secondary\" onclick=\"reloadData()\" data-dismiss=\"modal\">Close</button>";
            document.getElementById("div_action_modal").innerHTML=txt_a;

        },
        error: function(jqXHR,error, errorThrown) {
            alert("RRP"+jqXHR.responseText+" -- "+error);
            $('#exampleModal').modal('hide');
        }
    });

}

function tambahDataCabang(){
    var txt="";
    $("#div_content_modal").show();
    $("#div_action_modal").show();
    $("#div_modal").modal('show');

    document.getElementById("label_title_modal").innerHTML = "Tambah Data";        

    txt +="<div class=\"form-group row\">";
    txt +="  <label class=\"col-sm-4 col-form-label\">Nama</label>";
    txt +="  <input type=\"text\" id=\"add_nama\" class=\"col-sm-8 form-control\" placeholder=\"Nama Cabang\" value=\""+"\" >";
    txt +="</div>";
    txt +="<div class=\"form-group row\">";
    txt +="  <label class=\"col-sm-4 col-form-label\">Profit Center</label>";
    txt +="  <input type=\"text\" id=\"add_profit_center\" class=\"col-sm-8 form-control\" placeholder=\"Profit Center\" value=\""+"\" >";
    txt +="</div>";
/*
    txt +="<div class=\"form-group row\">";
    txt +="  <label class=\"col-sm-4 col-form-label\">Alamat</label>";
    txt +="  <textarea id=\"add_alamat\" cols=80 rows=3  class=\"col-sm-8 col-form-label\">"+"</textarea>";
    txt +="</div>";
*/
    document.getElementById("div_content_modal").innerHTML=txt;

    txt_a = "";
    txt_a += "<button type=\"button\" class=\"btn btn-primary btn-round\" onclick=\"saveDataCabang()\" data-dismiss=\"modal\">Save</button>";
    txt_a += "&nbsp;&nbsp;&nbsp;&nbsp;<button type=\"button\" class=\"btn btn-secondary btn-round\" onclick=\"reloadData()\" data-dismiss=\"modal\">Cancel</button>";
    document.getElementById("div_action_modal").innerHTML=txt_a;

}

function saveDataCabang() {
    DT_DATA={};
    DT_DATA["nama"] = $("#add_nama").val() ? $("#add_nama").val() : "";
    DT_DATA["profit_center"] = $("#add_profit_center").val() ? $("#add_profit_center").val() : "";


    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_SAVE;
    $.ajax({
        type: 'POST',
        url: url,
        headers: {
        "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: DT_DATA,
        success: function(resp)
            {
                alert(resp.message)
                if (resp.rc =="000"){
                    k=0;
                    reloadData();
                }
            },
        error: function(jqXHR,error, errorThrown) {
            alert("RRP"+jqXHR.responseText+" -- "+error);
        }
    });
}

function updateDataCabang() {
    DT_DATA={};
    DT_DATA["cabang_id"] = $("#edit_id").val() ? $("#edit_id").val() : 0;
    DT_DATA["nama"] = $("#edit_nama").val() ? $("#edit_nama").val() : "";
    DT_DATA["profit_center"] = $("#edit_profit_center").val() ? $("#edit_profit_center").val() : "";


    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_UPDATE;
    $.ajax({
        type: 'POST',
        url: url,
        headers: {
        "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: DT_DATA,
        success: function(resp)
            {
                alert(resp.message)
                if (resp.rc =="000"){
                    k=0;
                    reloadData();
                }
            },
        error: function(jqXHR,error, errorThrown) {
            alert("RRP"+jqXHR.responseText+" -- "+error);
        }
    });
}

function updateDataCabangStatus(cabang_id,status) {
    DT_DATA={};
    DT_DATA["cabang_id"] = cabang_id;
    DT_DATA["status"] = status;


    var url = BASE_URL+LOGIN_DT.config.API_URL_CABANG_UPDATE_STATUS;
    $.ajax({
        type: 'POST',
        url: url,   
        headers: {
        "Authorization": "Bearer "+LOGIN_DT.access_token,
        },
        data: DT_DATA,
        success: function(resp)
            {
                alert(resp.message)
                if (resp.rc =="000"){
                    k=0;
                    reloadData();
                }
            },
        error: function(jqXHR,error, errorThrown) {
            alert("RRP"+jqXHR.responseText+" -- "+error);
        }
    });
}