<!DOCTYPE html>

<html>
<head>

    <style>
       
        .dropbtn {
          color: black;
          font-size: 16px;
          border: none;
        }
        
        .dropdown {
          position: relative;
          display: inline-block;
        }
        
        .dropdown-content {
          display: none;
          position: absolute;
          background-color: #f1f1f1;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
        }
        
        .dropdown-content a {
          color: black;
          padding: 12px 12px;
          text-decoration: none;
          display: block;
        }
        
        
        .dropdown:hover .dropdown-content {display: block;}
        
    </style>
        
    <title>Retail Management System</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <!-- CSS -->

    <link rel="icon" type="image/gif/png" href="../images/icon.png">

    <link href="bootstrap-3.3.2-dist/css/filter.svg" rel="stylesheet" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link id="theme" href="bootstrap-3.3.2-dist/css/default.css" rel="stylesheet" />
    <link href="css/jquery-fab-button.css" rel="stylesheet">
    <script src="js/jquery-fab-button.js"></script>
    <!-- <link href="bootstrap-3.3.2-dist/css/bootstrap.css" rel="stylesheet" />-->
    <link href="bootstrap-3.3.2-dist/css/buttons.dataTables.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/select2.min.css" />
    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/select2-bootstrap-5-theme.min.css" />
    <link href="bootstrap-3.3.2-dist/css/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-3.3.2-dist/css/jquery.dataTables.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/fontawesome.min.css">
    <link href="../../bootstrap-3.3.2-dist/fontawesome-free-6.4.0-web/css/all.min.css" rel="stylesheet" />
    <!-- Load Bootstrap RTL theme from RawGit -->
    <link id="RTL" rel="stylesheet" href="">
    <link href="bootstrap-3.3.2-dist/css/main.css" rel="stylesheet" />
    <link rel='stylesheet' href='bootstrap-3.3.2-dist/css/fullcalendar.css' />
	<link href="bootstrap-3.3.2-dist/css/keyboard.css" rel="stylesheet">
    <link href="bootstrap-3.3.2-dist/css/jquery-ui.css" rel="stylesheet">
    <link href="bootstrap-3.3.2-dist/css/styles.css" rel="stylesheet" />
    <link href="bootstrap-3.3.2-dist/css/customes-bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/Material-Symbols-Outlined.css" />
 

    <!-- JavaScript -->
    <script src="bootstrap-3.3.2-dist/js/jquery-1.12.4.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/d3.v4.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/jquery-1.12.4.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/d3.min.js"></script>
    <!--<script src="bootstrap-3.3.2-dist/js/ColReorderWithResize.js"></script>-->
    <script src="bootstrap-3.3.2-dist/js/jquery.dataTables.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/dataTables.buttons.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/dataTables.bootstrap.js"></script>
    <script src="bootstrap-3.3.2-dist/js/buttons.print.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/buttons.colVis.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/jszip.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/pdfmake.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/buttons.html5.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/vfs_fonts.js"></script>
    <script src="bootstrap-3.3.2-dist/js/canvasjs.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/select2.min.js"></script>

    <!--<script src="bootstrap-3.3.2-dist/js/chart.js"></script>-->
    <script src="bootstrap-3.3.2-dist/js/Chart.min.js"></script>
    <!-- <script src="bootstrap-3.3.2-dist/js/inputmask.js"></script> -->
    <script src="js/jquery.inputmask.js"></script>



    <!--<script src="bootstrap-3.3.2-dist/js/Chart.bundle.js"></script>-->
    <script src="bootstrap-3.3.2-dist/js/Chart.bundle.min.js"></script>
    <!-- <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>-->
    <script src="js/jquery/jquery-ui.min.js"></script>
    <script src="src/Flow.js"></script>
	<script type="text/javascript" src="js/qrcode.js"></script>
    <script src='bootstrap-3.3.2-dist/js/moment.min.js'></script>
    <script src='bootstrap-3.3.2-dist/js/fullcalendar.min.js'></script>
	<script src="js/jquery.keyboard.js"></script>
	<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBFfCNqVs3IPI9VzL7l4E4AY6k8eXWxKlc"></script>    
    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script type="text/javascript" src="Scripts/jquery.signalR-1.1.3.min.js"></script>-->
    <!-- for excell reader-->
    <script src="js/xlsx.full.min.js"></script>
    <!-- for excell reader-->

    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/leaflet.css" />
    <script src="bootstrap-3.3.2-dist/js/leaflet.js"></script>
    <script src="bootstrap-3.3.2-dist/js/qrcode.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/leaflet-routing-machine.js"></script>
    <!-- <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> -->
    <link rel="stylesheet" href="bootstrap-3.3.2-dist/css/leaflet-routing-machine.css" />
    <!-- <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script> -->
    
    <script src="bootstrap-3.3.2-dist/js/quagga.min.js"></script>
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" > -->

    <script>

        var ChangeData=true;
        var Menu=[]
		var AMNU = [];			
        function CHGTHM(THEME) {
            if ($('#USRID').val() != "") {
                localStorage.USR = $('#USRID').val();
            } else {
                localStorage.USR = $('#CUSER').val();
            }
            $('#THM').val(THEME);
            localStorage.THEME = "bootstrap-3.3.2-dist/css/" + THEME + ".css";
            $("#theme").attr("href", "bootstrap-3.3.2-dist/css/" + THEME + ".css");

        }
		function SAVLOGO(){
			var canvas = document.createElement('canvas'),
			ctx = canvas.getContext('2d'),
			dataURL;
			var img = document.getElementById("logo");
			canvas.height = img.height;
			canvas.width = img.width;
			ctx.drawImage(img, 0, 0);
			dataURL = canvas.toDataURL();
			console.log('base64', dataURL);
			localStorage.setItem("logo",dataURL);
		}
        function bottomColInACCANL(){
            if($('#CLNG').val() == "ARB"){
                $("#bottom").css("padding-right","3.5rem");	    
            }else{
                $("#bottom").css("padding-left","3.5rem");	    
            }
        }
        function SHOWPAGE(PAGE) {		
            if(PAGE.includes("ACCANL")){
                if(PAGE.includes("POSCLS")||!PAGE.includes("POS")){
                    $("#short-cut").html('');	    
                }
                LDPAGE(PAGE, $('#FLOW'),bottomColInACCANL);
                return;
           }
            LDPAGE(PAGE, $('#FLOW'));
			$('#SUBHDR').html('');	
             if(PAGE.includes("POSCLS")||!PAGE.includes("POS")){
                 $("#short-cut").html('');
                	    
            }
            if($(event.srcElement).context.className == "menu-RTL" || $(event.srcElement).context.className == "menu" ){
                $('#top-nav-bar').empty();
                var S = "";
                if(!PAGE.includes("POSCLS")){               
                if(PAGE.includes("POS")){
                    if(localStorage.LANG != "ARB"){
                        S+="<div id='short-cut'>";
                        S+=`<button type="button" class="btn btn-warning" style="float: right; display: grid;" onclick="getTotalReport('edit');"><i class="fas fa-edit fa-2x"></i>Edit</button>`;
                        S+=`<button type="button" class="btn btn-danger" style="float: right; display: grid; margin-right: 5px;" onclick="getTotalReport('delete');"><i class="fas fa-trash fa-2x"></i>Delete</button>`;
                        S+=`<a data-toggle="collapse" href="#CompanyC" class="btn btn-primary" aria-expanded="false" aria-controls="CompanyC" style="float: right; display: grid; margin-right: 5px;">Company Info <i id="arrowCOM" style="font-size: 2rem;"></i></a>`;
                        S+="</div>";
                    }else{
                        S+="<div id='short-cut'>";
                        S+=`<button type="button" class="btn btn-warning" style="float: left; display: grid;" onclick="getTotalReport('edit');"><i class="fas fa-edit fa-2x"></i>تعديل</button>`;
                        S+=`<button type="button" class="btn btn-danger" style="float: left; display: grid; margin-right: 5px;" onclick="getTotalReport('delete');"><i class="fas fa-trash fa-2x"></i>حذف</button>`;
                        S+=`<a data-toggle="collapse" class="btn btn-primary" href="#CompanyC" aria-expanded="false" aria-controls="CompanyC" style="float: left; display: grid; margin-right: 5px;">بيانات الشركة <i style="font-size: 2rem;" id="arrowCOM"></i></a>`;
                        S+="</div>";
                    }
                    $('#top-nav-bar').html(S);
                }
            }
            }
            //not working
            // $('#SEARCHBARROCK').val("");
            // $('#SEARCHBARROCK').focus();
        }
        function GETMENUS(){
            var url = $('#APISRV').val() +"/api/srvcmd/GetSysMenu";     									
			var T = JSON.stringify({
				"acc": localStorage.Acc,
				"usrid": localStorage.Usrid,
				"pass": localStorage.Password,
				"lng": $('#CLNG').val(),
				"thm": localStorage.Thm,
				"cmdtxt": "GETMNU",
				"APIKEY":$('#APIKEY').val(),
				"cmdpar": "",
				"srcapp": "FLOW",
				"srcver": 0
			});
			$.ajax({
				type: "GET",
				url: url,				
				headers : {
					XAPIKEY : $('#APIKEY').val()
				},
				contentType: "application/json; charset=utf-8",
				dataType: "json",				
				success: function (data) {
                    Menu = data;
                    LeftMenuLoad();			
					return;
				}
			});
			return;
        }
        function showMnu() {
            $("#top-mnu").toggle();            
        }
        function OrignalDate() {
            $('#STRDT').val($('#SD').val());
        }
        function GSTRDT() {
            SL = "SELECT CLNDT AS 'SD' FROM CLNDTL WHERE TSK='Y' AND  CLNID=" + $('#CLNID').val();
            GETREC($("#form1"), SL, OrignalDate);
        }

        function EMPTYCLN() {
            $('#SRCOPC').val("");
            $('#CLNID').val("");
            $('#CLNDT').val("");
            $('#STRTM').val("");
            $('#ENDTM').val("");
            $('#CLNDES').val("");
            $('#CLNID').val("");
            $('#STATUS').val("A");
        }
        function GETCAL() {
			var USR=$('#USRID').val();
			USR = USR.toUpperCase();
            if(USR == "ACC01"||USR=="MCS" || USR=="ADMIN")
			{
				$('#SYSMNU3').show();
			}
            SL = "RPTNA=GETCLNDTL" + String.fromCharCode(11);


            while (SL.indexOf(";") > -1) {
                SL = SL.replace(";", String.fromCharCode(11));
            }
            SL += String.fromCharCode(11);
            GENTBL(SL, $('#DTLTMP'), $('#DTLTMP'), GETINFO);
            GETFILE($('#IMG'), "FLOW", $('#USRID').val(), "1", "1");
            GETFILE($('#HIMG'), "FLOW", $('#USRID').val(), "1", "1");
            GETMNU();
            // var def = $.Deferred(); 
            // def.then(GETMNU,LDLANG);
            if (localStorage.LANG == "ARB") {
                $("body").css("font-size", "16px");
                $("body").css("font-family", "'Almarai', sans-serif");
                $("#RTL").attr("href", "bootstrap-3.3.2-dist/css/bootstrap-rtl.min.css");
                $("#main-area").css("padding-right", "5.5rem");
                $(".left").addClass( "left-RTL" ).removeClass( "left" );
                $(".left").addClass( "left-RTL" ).removeClass( "left" );
                $("#social-sidebar").attr("id","social-sidebar-rtl");
            }else{
                $("#main-area").css("padding-left", "5.5rem");
                $("#social-sidebar-rtl").attr("id","social-sidebar");
            }
            SL = "SELECT GRPNO,GRPNA FROM CONGRP WHERE CCODE = 'USR'";
            FillCombo($("#GRPNO"), SL);
            SL = "SELECT GSTPLN FROM SYSINFO WHERE SYSID=1";
            console.log(SL);
            GETREC($("#SYSINFO"), SL, LDLANG);
        }
        function GETEMP() {
            $('#EMPNAM').val($('#EMPNM').val());
            $('#TEL1').val($('#TEL').val());
            $('#ADD').val($('#EMPADD').val());
            $('#SEX').val($('#EMPSEX').val());
            $('#EML').val($('#EMAIL').val());
            $('#BRDATE').val($('#BRDT').val());
            $('#MTRSTATUS').val($('#MTRSTS').val());
        }
        function SAVEVN() {
            var SL = "CLNCMD,SAVCLN,";
            SL += ZIPDOC();
            EXECMD($('#form1'), SL, GETCLN);
        }
        function DELEVN() {
            var SL = "CLNCMD,DELCLN,";
            SL += ZIPDOC();
            EXECMD($('#form1'), SL, GETCLN2);
        }
        function ZIPDOC() {
            var SL;
            SL = "CLNID=" + $('#CLNID').val() + String.fromCharCode(11);
            SL += "CLNDES=" + $('#CLNDES').val() + String.fromCharCode(11);
            SL += "CLNDT=" + $('#CLNDT').val() + String.fromCharCode(11);
            SL += "STRTM=" + $('#STRTM').val() + String.fromCharCode(11);
            SL += "ENDTM=" + $('#ENDTM').val() + String.fromCharCode(11);
            SL += "CLNTYP=" + $('#CLNTYP').val() + String.fromCharCode(11);
            SL += "SRCOPC=" + $('#SRCOPC').val() + String.fromCharCode(11);
            SL += "STS=" + $('#STATUS').val() + String.fromCharCode(11);
            if (document.getElementById("TSK").checked) {
                SL += "TSK=Y" + String.fromCharCode(11);

            }
            SL += String.fromCharCode(15);
            return SL;
        };
        function GCLN() {
            $('#EVNINF').modal('hide');
            SL = "RPTNA=GETCLNDTL" + String.fromCharCode(11);
            SL += ReadForm($('#form1'));
            while (SL.indexOf(";") > -1) {
                SL = SL.replace(";", String.fromCharCode(11));
            }
            SL += String.fromCharCode(11);
            GENTBL(SL, $('#DTLTMP'), $('#DTLTMP'), GETINFO);
        }
        function GETCLN(data) {
            EMPTYCLN();
            MSGBOX("Data has been saved succefully");
            GCLN();
        }
        function GETCLN2(data) {
            EMPTYCLN();
            MSGBOX("Data has been deleted");
            GCLN();
        }
        function GETINFO() {
            document.getElementById("cc").innerHTML = '&nbsp;';
            document.getElementById("cc").innerHTML = '<div id="calendar"></div>';
            $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                editable: true,
                eventLimit: 4,
                eventRender: function (event, element) {
                    element.bind('dblclick', function () {
                        EMPTYCLN();
                        $('#STATS').show();
                        var info = event.id.split(String.fromCharCode(11));

                        $('#CLNID').val(info[0]);
                        GSTRDT();
                        $('#CLNDT').val(info[1]);
                        $('#STRTM').val(info[2]);
                        $('#ENDTM').val(info[3]);
                        $('#CLNDES').val(info[5]);
                        $('#STATUS').val(info[7]);
                        if (info[8] == "Y") {
                            $('#STR').show();
                            $('#TSK').prop('checked', true);
                        } else {
                            $('#STR').hide();
                            $('#TSK').prop('checked', false);
                        }
                        if (info[4] == "Public") {
                            $('#CLNGRP').val("A");
                        }
                        else if (info[4] == "Personal") {
                            $('#CLNGRP').val("P");
                        }
                        else if (info[4] == "Group") {
                            $('#CLNGRP').val("G");
                        }
                        else {
                            $('#CLNGRP').val("");
                        }
                        $('#EVNINF').modal('toggle');

                    });
                },
                eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) {
                    var info = event.id.split(String.fromCharCode(11));

                    if (!confirm("Are you sure about this change?")) {
                        revertFunc();
                    }
                    else {
                        EMPTYCLN();
                        var info = event.id.split(String.fromCharCode(11));
                        $('#CLNID').val(info[0]);
                        date = new Date(event.start);
                        var dt = (date.getFullYear() + "-" + ('0' + (date.getMonth() + 1)).slice(-2) + "-" + ('0' + date.getDate()).slice(-2)).toString();
                        $('#CLNDT').val(dt);
                        $('#STRTM').val(info[2]);
                        $('#ENDTM').val(info[3]);
                        $('#CLNDES').val(info[5]);
                        $('#SRCOPC').val(info[6]);
                        if (info[8] == "Y") {
                            $('#TSK').prop('checked', true);
                            $('#STR').show();
                        } else {
                            $('#STR').hide();
                            $('#TSK').prop('checked', false);
                        }
                        $('#SRCOPC').val(info[8]);
                        if (info[4] == "Public") {
                            $('#CLNGRP').val("A");
                        }
                        else if (info[4] == "Personal") {
                            $('#CLNGRP').val("P");
                        }
                        else if (info[4] == "Group") {
                            $('#CLNGRP').val("G");
                        }
                        else {
                            $('#CLNGRP').val("");
                        }
                        SAVEVN();
                    }
                },
                //dayRender: function (date, element, view) {
                //    element.bind('dblclick', function () {
                //        EMPTYCLN();
                //        $('#STATS').hide();
                //        $('#EVNINF').modal('toggle');
                //        date = new Date(date);
                //        var dt = (date.getFullYear() + "-" + ('0' + (date.getMonth() + 1)).slice(-2) + "-" + ('0' + date.getDate()).slice(-2)).toString();
                //        $('#CLNDT').val(dt);
                //    });
                //}
                dayClick: function (date, jsEvent, view) {
                    EMPTYCLN();
                    $('#STATS').hide();
                    $('#EVNINF').modal('toggle');
                    date = new Date(date);
                    var dt = (date.getFullYear() + "-" + ('0' + (date.getMonth() + 1)).slice(-2) + "-" + ('0' + date.getDate()).slice(-2)).toString();
                    $('#CLNDT').val(dt);
                    //GSTRDT();
                }
            });
            $("tr", "#DTLTMP tbody").each(function (index, elem) {
                if (elem.cells[9].textContent == "Y") {
                    d = new Date(elem.cells[1].textContent);
                    c = new Date();
                    if (d.getTime() < c.getTime()) {
                        elem.cells[1].textContent = new Date().toISOString().slice(0, 10);
                    }
                    //$('#STRDT').val(elem.cells[1].textContent);
                }
                strtm = elem.cells[1].textContent + " " + elem.cells[2].textContent;
                strtm = new Date(strtm);
                endtm = elem.cells[1].textContent + " " + elem.cells[3].textContent;
                endtm = new Date(endtm);

                var sd = strtm.getDate();
                var sm = strtm.getMonth();
                var sy = strtm.getFullYear();
                var sh = strtm.getHours();
                var smns = strtm.getMinutes();

                var ed = endtm.getDate();
                var em = endtm.getMonth();
                var ey = endtm.getFullYear();
                var eh = endtm.getHours();
                var emns = endtm.getMinutes();

                var ids = elem.cells[0].textContent + String.fromCharCode(11) + elem.cells[1].textContent + String.fromCharCode(11);
                ids += elem.cells[2].textContent + String.fromCharCode(11) + elem.cells[3].textContent + String.fromCharCode(11) + elem.cells[5].textContent;
                ids += String.fromCharCode(11) + elem.cells[4].textContent + String.fromCharCode(11) + elem.cells[7].textContent + String.fromCharCode(11);
                ids += elem.cells[8].textContent + String.fromCharCode(11) + elem.cells[9].textContent;
                var titles = "ID : " + elem.cells[0].textContent;
                if (elem.cells[4].textContent != "" && elem.cells[4].textContent != null) {
                    titles += "\n" + elem.cells[4].textContent;
                }

                // element.css('border', '1px solid #faebcc');
                txtcolor = '#8a6d3b';
                bckgrndcolor = '#fcf8e3';
                border = '#faebcc';
                if (elem.cells[8].textContent == "F") {
                    txtcolor = '#3c763d';
                    bckgrndcolor = '#dff0d8';
                    border = '#d6e9c6';
                }
                else if (elem.cells[8].textContent == "P") {
                    txtcolor = '#31708f';
                    bckgrndcolor = '#d9edf7';
                    border = '#bce8f1';
                }
                if (elem.cells[9].textContent == "Y") {

                    txtcolor = '#31708f';
                    bckgrndcolor = '#d9edf7';
                    border = '#bce8f1';
                    if (elem.cells[8].textContent == "F") {
                        txtcolor = '#3c763d';
                        bckgrndcolor = '#dff0d8';
                        border = '#d6e9c6';
                    }
                    else if (elem.cells[8].textContent == "P") {
                        txtcolor = '#a94442';
                        bckgrndcolor = '#f2dede';
                        border = '#ebccd1';
                    }
                }
                $('#calendar').fullCalendar('renderEvent',
                    {
                        id: ids,
                        title: titles,
                        start: new Date(sy, sm, sd, sh, smns),
                        end: new Date(ey, em, ed, eh, emns),
                        allDay: false,
                        textColor: txtcolor,
                        backgroundColor: bckgrndcolor,
                        borderColor: border,
                    },
                    true // make the event "stick"
                 );
            });
        }
        $('.modal').on('shown.bs.modal', function () {
            $(this).find('[autofocus]').focus();
        });
        function UPL() {
            UPLIMG('IMG', "FLOW", $('#CUSER').val(), "1", "1");
        }
        function OPN() {
            $("#asd").trigger('click');
        }
        function SelectFile(){
		$('#ImpFile').val('');
		$('#ImpFile').trigger('click');
        }
        $("#asd").change(function () {
            ReadImg(this, $('#IMG'));
            ReadImg(this, $('#HIMG'));
        });		
        function pc() {
            GETFILE($('#HIMG'), "FLOW", $('#CUSER').val(), "1", "1");
            $('#udes').text("Log out " + $('#USRNA').val());
        }
        $(function () {
            // $('#header').load('../src/header-g.html', pc);
            //
            $("#footer").load("../src/COMMON/footer.html");
        });
        $(window).load(function () {
            $('#loginModal').modal('show');
            //LDMNU();
        });
        function DELMSG(r) {
            var t = confirm("Are you sure!!")
            if (!t) {
                return;
            }
            var SL = "MSGDEL" + "," + r;
            EXECMD($('#form1'), SL, LDMYSG);
        };
        function CheckChangeData(){
            ChangeData=false;
            $("#form1 input,#form1 textarea").each(function (i, obj){
                console.log(obj.id);
                console.log(obj.value);
                    switch (obj.type){
                        case "checkbox":
                            if(obj.checked)
                            {
                                ChangeData=true;
                                return;
                            }
                           break;
                        case "text":
                        case "textarea":
                        case "number":
                            if(obj.value!="")
                            {
                                ChangeData=true;
                                return;
                            }             
                    }
            });
            return ChangeData;
        }
        function CheckData(PageUrl, targetdiv,callback) {
            if(ChangeData)
            {
                var x= CheckChangeData();
                if(x==true) {
                MSGBOX("Please Save your Data");
                return;
                }
            }
            ChangeData=true;
            // to change the color of the anchor dynamically
            $("div.stepwizard-step a").each(function (i, obj){
            var onclick = $(this).attr('onclick');
            if(onclick.includes(PageUrl)){
                $(this).removeClass("btn-success");
                $(this).addClass("btn-warning");
            }else{
                $(this).addClass("btn-success");
                $(this).removeClass("btn-warning");
            }
            });
           
            LDPAGE(PageUrl,targetdiv,callback);

        }
        // temp function until sayed find a solution
        function DataNotChecked(PageUrl, targetdiv,callback){
            $("div.stepwizard-step a").each(function (i, obj){
            var onclick = $(this).attr('onclick');
            if(onclick.includes(PageUrl)){
                $(this).removeClass("btn-success");
                $(this).addClass("btn-warning");
            }else{
                $(this).addClass("btn-success");
                $(this).removeClass("btn-warning");
            }
            });
            LDPAGE(PageUrl,targetdiv,callback);
        }
		function MNUSETUP(){
			LDPAGE('CONGRP,CCODE=ITC',$('#FLOW'));
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';    
            t+='<div class="stepwizard-step col-xs-3">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs-3">';
            t+='<a id="firstElement" class="btn btn-success btn-circle" onclick="CheckData(\'CONGRP,CCODE=ITC\',$(\'#FLOW\'));" href="CONGRP,CCODE=ITC#anchor" data-toggle="tab">1</a><p><small>'+AMNU[109]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs-3">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'SIDDSH\', $(\'#FLOW\'));">2</a><p><small>'+AMNU[244]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs-3">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'GSTITM\', $(\'#FLOW\'));">3</a><p><small>'+AMNU[172]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
            t+='<br>';
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}
        function HRSETUP(){
			LDPAGE('JOBMAS',$('#FLOW'));
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';    
            t+='<div class="stepwizard-step col-xs">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a id="firstElement" class="btn btn-success btn-circle" onclick="CheckData(\'JOBMAS\',$(\'#FLOW\'));" href="JOBMAS#anchor" data-toggle="tab">1</a><p><small>'+AMNU[29]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'INSMAS\', $(\'#FLOW\'));">2</a><p><small>'+AMNU[158]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'PAPMAS\', $(\'#FLOW\'));">3</a><p><small>'+AMNU[201]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'SALMAS\', $(\'#FLOW\'));">4</a><p><small>'+AMNU[202]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'ATTRUL\', $(\'#FLOW\'));">5</a><p><small>'+AMNU[160]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'TRPRUL\', $(\'#FLOW\'));">6</a><p><small>'+AMNU[161]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'PRMRUL\', $(\'#FLOW\'));">7</a><p><small>'+AMNU[162]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'SHFMAS\', $(\'#FLOW\'));">8</a><p><small>'+AMNU[31]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'HLDMAS\', $(\'#FLOW\'));">9</a><p><small>'+AMNU[203]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'ATTDVC\', $(\'#FLOW\'));">10</a><p><small>'+AMNU[32]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'EMPEND\', $(\'#FLOW\'));">11</a><p><small>'+AMNU[164]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
            t+='<br>';

            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
         
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PERSONALMAGTABS()"><span class="fa fa-user mr-3"></span> '+AMNU[196]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#"  style="font-size:14px !important; color: #080808; type="button" onclick="Attendance()"><span class="fa fa-clock-o"></span> '+AMNU[197]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#"  style="font-size:14px !important; color: #080808; type="button" onclick="PAYROLSETUP()"><span class="fa fa-university"></span> '+AMNU[198]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';

            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}
        function PURSETUP(){
			LDPAGE('CONGRP,CCODE=S',$('#FLOW'));
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';    
            t+='<div class="stepwizard-step col-xs-4">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs-4">';
            t+='<a id="firstElement" data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'CONGRP,CCODE=S\', $(\'#FLOW\'));">1</a><p><small>'+AMNU[129]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs-4">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'CONTACT,CCODE=S\', $(\'#FLOW\'));">2</a><p><small>'+AMNU[86]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DOCTABS()"> <span class="fa fa-user mr-3"></span> '+AMNU[207]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="CONACCBottomNav()"> <span class="fa fa-clock-o"></span> '+AMNU[208]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}

        function INVSETUP(){
			LDPAGE('STRMAS',$('#FLOW'));
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';    
            t+='<div class="stepwizard-step col-xs">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a id="firstElement" data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'STRMAS\', $(\'#FLOW\'));">1</a><p><small>'+AMNU[136]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'CONGRP,CCODE=ITM\', $(\'#FLOW\'));">2</a><p><small>'+AMNU[128]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'ITMINV\', $(\'#FLOW\'));">3</a><p><small>'+AMNU[92]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="DataNotChecked(\'STKPOL\', $(\'#FLOW\'));">4</a><p><small>'+AMNU[130]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
            t+='<br>';
            
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Doc();"> <span class="fa fa-clipboard"></span> '+AMNU[210]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="SHOWPAGE(\'STRSET\',$(\'#FLOW\'));"> <span class="fa fa-list"></span> '+AMNU[212]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DocStor()"> <span class="fa fa-file"></span> '+AMNU[211]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';

            
            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");
		}

        function Attendance(){
            LDPAGE('EMPPRM',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPPRM\', $(\'#FLOW\'));">'+AMNU[121]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'SHFCNT\', $(\'#FLOW\'));">'+AMNU[165]+'</a></li>';
			t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPHLD\', $(\'#FLOW\'));">'+AMNU[122]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TIMREG\', $(\'#FLOW\'));">'+AMNU[64]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPTIM\', $(\'#FLOW\'));">'+AMNU[65]+'</a></li>';
            t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PERSONALMAGTABS()"> <span class="fa fa-user mr-3"></span> '+AMNU[196]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Attendance()"> <span class="fa fa-clock-o"></span>'+AMNU[197]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PAYROLSETUP()"> <span class="fa fa-university" ></span> '+AMNU[198]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}
        function promotion(){
            LDPAGE('GSTDIS',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTDIS\', $(\'#FLOW\'));">'+AMNU[152]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'BNSPOL\', $(\'#FLOW\'));">'+AMNU[236]+'</a></li>';
            t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}
        function inq(){
			LDPAGE('HISANL',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
			t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'HISANL\', $(\'#FLOW\'));">'+AMNU[182]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'HISPRT\', $(\'#FLOW\'));">'+AMNU[57]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            $('#SUBHDR').html(t);
        }
        function PAYROLSETUP(){
			LDPAGE('TIMCLS',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
			t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TIMCLS\', $(\'#FLOW\'));">'+AMNU[168]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPCLS\', $(\'#FLOW\'));">'+AMNU[62]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPACC\', $(\'#FLOW\'));">'+AMNU[170]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPDOC\', $(\'#FLOW\'));">'+AMNU[61]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PERSONALMAGTABS()"> <span class="fa fa-user mr-3"></span> '+AMNU[196]+'</a>';
            t+='</li>';
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Attendance()"> <span class="fa fa-clock-o"></span> '+AMNU[197]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PAYROLSETUP()"> <span class="fa fa-university"></span> '+AMNU[198]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");

		}
        function pro(){
			LDPAGE('MRPBOM',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
			t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'MRPBOM\', $(\'#FLOW\'));">'+AMNU[126]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'PRDORD\', $(\'#FLOW\'));">'+AMNU[131]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'PRDFLW,LINNO=1\', $(\'#FLOW\'));">'+AMNU[132]+'</a></li>';
            /* t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'MRPQUL\', $(\'#FLOW\'));">'+AMNU[133]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'PRDCLS,STGNO=1\', $(\'#FLOW\'));">'+AMNU[134]+'</a></li>'; */
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'PRDDIS\', $(\'#FLOW\'));">'+AMNU[222]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'PRDINQ\', $(\'#FLOW\'));">'+AMNU[135]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);
		}
        function GL(){
            LDPAGE('GLMAS,GLTYP=GL',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLMAS,GLTYP=GL\', $(\'#FLOW\'));">'+AMNU[120]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLMAS,GLTYP=CST\', $(\'#FLOW\'));">'+AMNU[224]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLDOC\', $(\'#FLOW\'));">'+AMNU[226]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLPST\', $(\'#FLOW\'));">'+AMNU[227]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLCLS\', $(\'#FLOW\'));">'+AMNU[228]+'</a></li>';
/*             t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLDSH\', $(\'#FLOW\'));">'+AMNU[225]+'</a></li>';
 */            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLANL\', $(\'#FLOW\'));">'+AMNU[137]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GLFIN\', $(\'#FLOW\'));">'+AMNU[223]+'</a></li>';
            t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);
        }

        function Taxs(){
			LDPAGE('TAXMAS',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXMAS\', $(\'#FLOW\'));">'+AMNU[231]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXSUB\', $(\'#FLOW\'));">'+AMNU[232]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXPOS\', $(\'#FLOW\'));">'+AMNU[233]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXEGS\', $(\'#FLOW\'));">'+AMNU[235]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXRCP\', $(\'#FLOW\'));">'+AMNU[179]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'TAXINQ\', $(\'#FLOW\'));">'+AMNU[234]+'</a></li>';
            t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);

		}

        function Account(){
			LDPAGE('CONACC,CCODE=W',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CONACC,CCODE=W\', $(\'#FLOW\'));">'+AMNU[67]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=SALINV\', $(\'#FLOW\'));">'+AMNU[144]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CONACC,CCODE=D\', $(\'#FLOW\'));">'+AMNU[145]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'ACCDOC\', $(\'#FLOW\'));">'+AMNU[68]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CRDFLW\', $(\'#FLOW\'));">'+AMNU[230]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CONAGE,CCODE=S\', $(\'#FLOW\'));">'+AMNU[237]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CONAGE,CCODE=C\', $(\'#FLOW\'));">'+AMNU[238]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'CONAGE,CCODE=W\', $(\'#FLOW\'));">'+AMNU[239]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'ACCANL\', $(\'#FLOW\'));">'+AMNU[96]+'</a></li>';
            t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);

		}
        function DocStor(){
			LDPAGE('ITMCRD',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
			t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'ITMCRD\', $(\'#FLOW\'));">'+AMNU[83]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'STRINQ\', $(\'#FLOW\'));">'+AMNU[84]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POSANL,OPCODE=STRMAK\', $(\'#FLOW\'));">'+AMNU[147]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POSANL,OPCODE=STRIN3\', $(\'#FLOW\'));">'+AMNU[105]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Doc();"> <span class="fa fa-clipboard"></span> '+AMNU[210]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="SHOWPAGE(\'STRSET\',$(\'#FLOW\'));"> <span class="fa fa-list"></span> '+AMNU[212]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DocStor()"> <span class="fa fa-file"></span> '+AMNU[211]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';

            console.log(t);
			$('#SUBHDR').html(t);

		}
        function Doc(){
			LDPAGE('POS,OPCODE=SALREQ',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=SALREQ\', $(\'#FLOW\'));">'+AMNU[98]+'</a></li>';
			t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STROUT\', $(\'#FLOW\'));">'+AMNU[80]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STRIN3\', $(\'#FLOW\'));">'+AMNU[104]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STRIN2\', $(\'#FLOW\'));">'+AMNU[100]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STRIN9\', $(\'#FLOW\'));">'+AMNU[81]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STROU9\', $(\'#FLOW\'));">'+AMNU[82]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=TRNORD\', $(\'#FLOW\'));">'+AMNU[99]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STROU4\', $(\'#FLOW\'));">'+AMNU[106]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STRROT\', $(\'#FLOW\'));">'+AMNU[124]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=STRRTS\', $(\'#FLOW\'));">'+AMNU[125]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=BURRET\', $(\'#FLOW\'));">'+AMNU[229]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
          
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Doc();"> <span class="fa fa-clipboard"></span> '+AMNU[210]+'</a>';
            t+='</li>';
            t+='<li >';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="SHOWPAGE(\'STRSET\',$(\'#FLOW\'));"> <span class="fa fa-list"></span> '+AMNU[212]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DocStor()"> <span class="fa fa-file"></span> '+AMNU[211]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';

            console.log(t);
			$('#SUBHDR').html(t);

		}
        function DOCTABS(){
			LDPAGE('POS,OPCODE=PRCREQ',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=PRCREQ\', $(\'#FLOW\'));">'+AMNU[157]+'</a></li>';
			t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=PRCORD\', $(\'#FLOW\'));">'+AMNU[148]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=PRCINV\', $(\'#FLOW\'));">'+AMNU[87]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'POS,OPCODE=PRCRTN\', $(\'#FLOW\'));">'+AMNU[88]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DOCTABS()"> <span class="fa fa-user mr-3"></span> '+AMNU[207]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="CONACCBottomNav()"> <span class="fa fa-clock-o"></span> '+AMNU[208]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);

		}
        function PERSONALMAGTABS(){
			LDPAGE('EMPMAS',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPMAS\', $(\'#FLOW\'));">'+AMNU[28]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPPAP\', $(\'#FLOW\'));">'+AMNU[159]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPSAL\', $(\'#FLOW\'));">'+AMNU[60]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPBRW\', $(\'#FLOW\'));">'+AMNU[123]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'SRVEND\', $(\'#FLOW\'));">'+AMNU[204]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'EMPANL\', $(\'#FLOW\'));">'+AMNU[205]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';

            t+='<div class="navbar  navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            // t+='<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#first" style="background-color: transparent !important;"aria-expanded="false">';
            // t+='  <span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='<span class="icon-bar"></span>';
            // t+='</button>';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PERSONALMAGTABS()"> <span class="fa fa-user mr-3" ></span> '+AMNU[196]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Attendance()"> <span class="fa fa-clock-o"></span>'+AMNU[197]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="PAYROLSETUP()"> <span class="fa fa-university"></span>'+AMNU[198]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);
		}
        function Setting(){
			LDPAGE('GSTTYP',$('#FLOW'));
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';    
            t+='<div class="stepwizard-step col-xs-4">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs-4">';
            t+='<a id="firstElement" class="btn btn-success btn-circle" onclick="CheckData(\'GSTTYP\',$(\'#FLOW\'));" href="GSTTYP#anchor" data-toggle="tab">1</a><p><small>'+AMNU[150]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs-4">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'GSTCRD\', $(\'#FLOW\'));">2</a><p><small>'+AMNU[151]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Operation();"> <span class="fa fa-cogs"></span> '+AMNU[214]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Inquiry();"> <span class="fa fa-list"></span> '+AMNU[215]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
			$('#SUBHDR').html(t);
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");
        }
        function Operation(){
			LDPAGE('GSTRES',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTRES\', $(\'#FLOW\'));">'+AMNU[139]+'</a></li>';
			t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTENT\', $(\'#FLOW\'));">'+AMNU[140]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTORD\', $(\'#FLOW\'));">'+AMNU[153]+'</a></li>';
            t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTCLS\', $(\'#FLOW\'));">'+AMNU[154]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            console.log(t);
			$('#SUBHDR').html(t);

		}
        function Inquiry(){
			LDPAGE('GSTSRV',$('#FLOW'));
            t='<div class="tabs" role="tabpanel">';
            t+='<ul class="nav nav-tabs">';    
            t+='<li class="active"><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTSRV\', $(\'#FLOW\'));">'+AMNU[142]+'</a></li>';
			t+='<li><a data-toggle="tab" href="#" onclick="DataNotChecked(\'GSTCOM\', $(\'#FLOW\'));">'+AMNU[141]+'</a></li>';
			t+='</ul>';
            t+='</div>';
            t+='<br>';
            t+='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="Operation();"> <span class="fa fa-cogs"></span> '+AMNU[214]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            console.log(t);
			$('#SUBHDR').html(t);

		}
        function QUCSETUP(){			
			LDPAGE('COMPANY',$('#FLOW'));			
            t='<div class="stepwizard">';
            t+='<div class="stepwizard-row setup-panel">';
            t+='<div class="stepwizard-step col-xs">';
			t+='<a data-toggle="tab" href="#" onclick="location.href=\'..\';"class="btn btn-success btn-circle" ><i class="fa fa-home" aria-hidden="true"></i></a><p><small>'+AMNU[199]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a id="firstElement" class="btn btn-success btn-circle" onclick="CheckData(\'COMPANY\',$(\'#FLOW\'));" href="COMPANY#anchor" data-toggle="tab">1</a><p><small>'+AMNU[24]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
			t+='<a data-toggle="tab" class="btn btn-success btn-circle" onclick="CheckData(\'CONGRP,CCODE=STR\', $(\'#FLOW\'));" href="CONGRP,CCODE=STR#anchor">2</a><p><small>'+AMNU[200]+'</small></p>';
            t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" class="btn btn-success btn-circle" onclick="CheckData(\'CONTACT,CCODE=W\', $(\'#FLOW\'));" href="CONTACT,CCODE=W#anchor">3</a><p><small>'+AMNU[26]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'PRCMAS\', $(\'#FLOW\'));">4</a><p><small>'+AMNU[240]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'OUTLET\', $(\'#FLOW\'));">5</a><p><small>'+AMNU[50]+'</small></p>';
			t+='</div>';
            t+='<div class="stepwizard-step col-xs">';
            t+='<a data-toggle="tab" href="#" class="btn btn-success btn-circle" onclick="CheckData(\'DEFMAS\', $(\'#FLOW\'));">6</a><p><small>'+AMNU[127]+'</small></p>';
            t+='</div>';
            t+='</div>';
            t+='</div>';
			t+='<br>';            
			$('#SUBHDR').html(t);			
            $("#firstElement").removeClass("btn-success");
            $("#firstElement").addClass("btn-warning");
		}
        function LeftMenuLoad(){
            $('#MAINMENU').append("");
            $('#ITEMMENU').append("");
            $('#STOREMENU').append("");
            $('#TRESBANKINGMENU').append("");
            var S = '';
            var T = '';
            var ST = '';
            var Tres = '';
            S=`
             <a href="#" data-toggle="collapse" data-target="#main">
                <li >
                    <span class="fas fa-cog"></span> 
                    <span class="menu">Setting</span>
                </li>
            </a>`;
            $('#MAINMENU').append(S);
            T=`
             <a href="#" data-toggle="collapse" data-target="#ItemM">
                <li class="item-menu">
                    <span class="fas fa-boxes"></span> 
                    <span class="menu">Items</span>
                </li>
            </a>`;
            $('#ITEMMENU').append(T);
            ST=`
            <a href="#" data-toggle="collapse" data-target="#StoreM">
                <li class="item-menu">
                    <span class="fas fa-store"></span> 
                    <span class="menu">Store</span>
                </li>
            </a>`;
            $('#STOREMENU').append(ST);
            ST='';
            Tres=`
            <a href="#" data-toggle="collapse" data-target="#TresBankingM">
                <li class="item-menu">
                    <span class="fa fa-calculator"></span> 
                    <span class="menu">Treasury & Banking</span>
                </li>
            </a>`;
            $('#TRESBANKINGMENU').append(Tres);
            Tres='';


            ST='<div  id="StoreM" class="collapse">';
            T='';
            T='<div  id="ItemM" class="collapse">';
            S = '';
            S='<div  id="main" class="collapse">';
            Tres = '';
            Tres ='<div  id="TresBankingM" class="collapse">';
            $.each(Menu, function (key) {
                $.each(Menu[key].SubMnu, function (key1) {
                        if(Menu[key].MnuId == 'SYSSET'){

                        if(!(Menu[key].SubMnu[key1].MnuId == "COMNEW")){
                            S+=`<li class="item-menu">
                                    <a href="#" class="menu" onclick="SHOWPAGE(\'${Menu[key].SubMnu[key1].MnuId}\',$(\'#FLOW\'));">${Menu[key].SubMnu[key1].English}</a>
                                </li>`;
                        }
                    }
                    if(Menu[key].MnuId == 'ACCMNU'){
                        if(!(Menu[key].SubMnu[key1].MnuId == "Main") ||!(Menu[key].SubMnu[key1].MnuId == "Lc's")){
                            Tres+=`<li class="item-menu">
                                        <a href="#" class="menu" onclick="SHOWPAGE(\'${Menu[key].SubMnu[key1].MnuId}\',$(\'#FLOW\'));">${Menu[key].SubMnu[key1].English}</a>
                                    </li>`;
                        }
                    }
                        if(Menu[key].MnuId == 'STRDOC'){
                            if(Menu[key].SubMnu[key1].MnuId == "MAS"){
                                $.each(Menu[key].SubMnu[key1].SubMnu, function (key2) {
                                    if((Menu[key].SubMnu[key1].SubMnu[key2].English.includes("Items"))){
                                        T+=`<li class="item-menu">
                                                <a href="#" class="menu" onclick="SHOWPAGE(\'${Menu[key].SubMnu[key1].SubMnu[key2].MnuId}\',$(\'#FLOW\'));">${Menu[key].SubMnu[key1].SubMnu[key2].English}</a>
                                            </li>`;
                                    }
                                    if((Menu[key].SubMnu[key1].SubMnu[key2].English.includes("Store"))){
                                        ST+=`
                                        <li class="item-menu">
                                            <a href="#" class="menu" onclick="SHOWPAGE(\'${Menu[key].SubMnu[key1].SubMnu[key2].MnuId}\',$(\'#FLOW\'));">${Menu[key].SubMnu[key1].SubMnu[key2].English}</a>
                                        </li>`;
                                    }
                                });
                            }
                    }
                    
                    });
            });
            S+='</div>';
            T+='</div>';
            ST+='</div>'
            Tres+='</div>'
            $('#MAINMENU').append(S);
            $('#ITEMMENU').append(T);
            $('#STOREMENU').append(ST);
            $('#TRESBANKINGMENU').append(Tres);
        }
        function foundInMenu(MenuKey,SubMnuKey){

            $.each(Mnu, function (key) {

            });
        }
        function loadTabsMenu(MenuKey,SubMnuKey){
            var S = '';
            var counter = 0;
            var found = false;
            $('#top-nav-bar').empty();
            $.each(Mnu, function (key) {
			    if(Mnu[key].English==MenuKey){
                    $.each(Mnu[key].SubMnu, function (key1) {
                        if(SubMnuKey == '' && Mnu[key].SubMnu[key1].SubMnu == undefined){
                            if(counter == 0){
                                if(localStorage.LANG != "ARB"){
                                    S=' <li class="active"><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].English+'</a></li>';
                                }else{
                                    S=' <li class="active"><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].Arabic+'</a></li>';
                                }
                                SHOWPAGE(Mnu[key].SubMnu[key1].MnuId,$('#FLOW'));
                            }else{
                                if(localStorage.LANG != "ARB"){
                                    S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].English+'</a></li>';
                                }else{
                                    S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].Arabic+'</a></li>';
                                }
                            }
                            counter++;
                        }else{
                            // console.log(SubMnuKey);
                            // if(Mnu[key].SubMnu[Mnu[key].SubMnu.length -1] != ""){
                                // }
                            if(Mnu[key].SubMnu[key1].English == SubMnuKey){
                                $.each(Mnu[key].SubMnu[key1].SubMnu, function (key2) {
                                    if(key2 == 0){
                                        if(localStorage.LANG != "ARB"){
                                            S=' <li class="active"><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].SubMnu[key2].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].SubMnu[key2].English+'</a></li>';
                                        }else{
                                            S=' <li class="active"><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].SubMnu[key2].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].SubMnu[key2].Arabic+'</a></li>';
                                        }
                                        found = true;
                                        SHOWPAGE(Mnu[key].SubMnu[key1].SubMnu[key2].MnuId,$('#FLOW'));
                                    }else{
                                        if(localStorage.LANG != "ARB"){
                                            S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].SubMnu[key2].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].SubMnu[key2].English+'</a></li>';
                                        }else{
                                            S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\''+Mnu[key].SubMnu[key1].SubMnu[key2].MnuId+'\',$(\'#FLOW\'));">'+Mnu[key].SubMnu[key1].SubMnu[key2].Arabic+'</a></li>';
                                        }

                                    }
                                });
                                return;
                            }
                        }
                    });
			    	
			    }
            });
            if(found){
                if(MenuKey == "Sales" || MenuKey == "Inventory"){
                    if(localStorage.LANG != "ARB"){
                        S+="<div id='short-cut'>";
                        S+=`<button type="button" class="btn btn-warning" style="float: right; display: grid;" onclick="getTotalReport('edit');"><i class="fas fa-edit fa-2x"></i>Edit</button>`;
                        S+=`<button type="button" class="btn btn-danger" style="float: right; display: grid; margin-right: 5px;" onclick="getTotalReport('delete');"><i class="fas fa-trash fa-2x"></i>Delete</button>`;
                        S+=`<a data-toggle="collapse" href="#CompanyC" class="btn btn-primary" aria-expanded="false" aria-controls="CompanyC" style="float: right; display: grid; margin-right: 5px;">Company Info <i id="arrowCOM" style="font-size: 2rem;"></i></a>`;
                        S+="</div>";
                    }else{
                        S+="<div id='short-cut'>";
                        S+=`<button type="button" class="btn btn-warning" style="float: left; display: grid;" onclick="getTotalReport('edit');"><i class="fas fa-edit fa-2x"></i>تعديل</button>`;
                        S+=`<button type="button" class="btn btn-danger" style="float: left; display: grid; margin-right: 5px;" onclick="getTotalReport('delete');"><i class="fas fa-trash fa-2x"></i>حذف</button>`;
                        S+=`<a data-toggle="collapse" class="btn btn-primary" href="#CompanyC" aria-expanded="false" aria-controls="CompanyC" style="float: left; display: grid; margin-right: 5px;">بيانات الشركة <i style="font-size: 2rem;" id="arrowCOM"></i></a>`;
                        S+="</div>";
                    }
                }
                $('#top-nav-bar').html(S);
            }else{
                MSGBOX('Error Menu Not Found');
            }
        }
        function loadPurchMenu(){
            $('#top-nav-bar').empty();
            var S='';
            S+=' <li class="active"><a href="#" data-toggle="tab" onclick="SHOWPAGE(\'POS,OPCODE=SALINV\',$(\'#FLOW\'));">'+AMNU[249]+'</a></li>';
            S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\'POS,OPCODE=SALRTN\',$(\'#FLOW\'));">'+AMNU[250]+'</a></li>';
            S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\'POSANL,OPCODE=SALINV\',$(\'#FLOW\'));">'+AMNU[251]+'</a></li>';
            S+=' <li class=""><a href="#" data-toggle="tab" onclick="SHOWPAGE(\'POSANL,OPCODE=SALRTN\',$(\'#FLOW\'));">'+AMNU[252]+'</a></li>';
            $('#top-nav-bar').html(S);
            SHOWPAGE('POS,OPCODE=SALINV',$('#FLOW'));
        }
        function CONACCBottomNav(){
            LDPAGE('CONACC,CCODE=S',$('#FLOW'));
            t='<div class="navbar navbar-default navbar-fixed-bottom">';
            t+='<div class="container-fluid">';
            t+='<div class="navbar-header">';
            t+='</div>';
            t+='<ul class="nav nav-pills nav-justified" id="first">';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="DOCTABS()"> <span class="fa fa-user mr-3"></span> '+AMNU[207]+'</a>';
            t+='</li>';
            t+='<li>';
            t+='<a href="#" style="font-size:14px !important; color: #080808; type="button" onclick="CONACCBottomNav()"> <span class="fa fa-clock-o"></span> '+AMNU[208]+'</a>';
            t+='</li>';
            t+='</ul>';
            t+='</div>';
            t+='</div>';
            $('#SUBHDR').html(t);
        }
        $(document).ready(function () {
            //focus the searchbar
            $('#SEARCHBARROCK').val("");
            $('#SEARCHBARROCK').focus();
            $("#LNG").change(function () {
            
             });
			console.log("ready");
			$("#theme").attr("href", "bootstrap-3.3.2-dist/css/default.css");
			//bootstrap-3.3.2-dist/css/default.css
            if (localStorage.getItem("THEME") != null && localStorage.getItem("THEME") != "undefined") {
				$("#theme").attr("href", localStorage.THEME);
            }     			
			if (localStorage.getItem("LANG") != null) {
				$('#LNG').val(localStorage.LANG);
				$("#CLNG").val($("#LNG").val());
				if (localStorage.LANG == "ARB") {
					$("body").css("font-size", "16px");					
				}
            }           
			$('#SYSMNU1').hide();
            $('#SYSMNU2').hide();
            $('#SYSMNU3').hide();
            $('#RPTGEN').on('show.bs.modal', function (e) {
                var skillsSelect = document.getElementById("RPTNA");
                var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
                $("#RPTTIT").val(selectedText);

                $("#FRMRPTGEN [name=RPTNA]").val(skillsSelect.value);
                $('#DTL').html('');
                var SL1 = ReadForm($('#form1'));
                while (SL1.indexOf(String.fromCharCode(11)) > -1) {
                    SL1 = SL1.replace(String.fromCharCode(11), ";");
                }
                $('#OPT').val(SL1);
                var x = '';
                tab = document.getElementById('DTL'); // id of table        		
                if ($.fn.DataTable.isDataTable(tab)) {
                    var table = $('#DTL').DataTable();
                    var columns = $(tab).dataTable().dataTableSettings[0].aoColumns;
                    $.each(columns, function (i, v) {
                        //      alert('Column index '+i+' is ' +
                        //    (table.column(i).visible() === true ? 'visible' : 'not visible')
                        //);
                        if (table.column(i).visible() === true) {
                            if (x == '') {
                                x = '[' + i + ']'
                            }
                            else {
                                x += ',[' + i + ']'
                            }
                        }

                    });
                }
                $("#SHWCOL").val(x);

            });
            $("#ImpFile").change(function () {
                //readImpFile(this);
                var reader = new FileReader();
                //onload if it read the file successfully(onload) and if there is an error (onerror) 
                reader.onload = function () {
                    var arrayBuffer = this.result,
                        array = new Uint8Array(arrayBuffer),
                        binaryString = String.fromCharCode.apply(null, array);
                    /// Call XLSX 
                    var workbook = XLSX.read(binaryString, {
                        type: "binary",
                        cellDates:true
                    });
                    /// the above options are used to change the format of the date 
                    ///we can loop over the sheets 
                    /// for(sheets of workbook.SheetNames){}
                    var first_sheet_name = workbook.SheetNames[0];
                    var workSheet = workbook.Sheets[first_sheet_name];
                    var excellObj = XLSX.utils.sheet_to_json(workSheet, {
                        dateNF: 'yyyy-mm-dd',
                        header:1,
                        blankrows: false,
                    });
                    console.log(excellObj);
                    const newArr = excellObj.filter(object => {
                                return object.length !== 1;
                        });
                convert(newArr);
                }
                reader.readAsArrayBuffer(this.files[0]);			
            });
		

            $("#LNG").change(function () {
                $("#CLNG").val($("#LNG").val());
                LDLANG();
                return;
            });
            $("#login").keydown(function (event) {
                if (event.keyCode == 13) {
                    CMDCHK();
                }
            });
            $(".left").hover(
                function() {}
                , function() {
                    console.log("ana OUT");
                    $( this ).find( ".collapse.in" ).removeClass("in");
                }
            );
            $(".left-RTL").hover(
                function() {}
                , function() {
                    console.log("ana OUT");
                    $( this ).find( ".collapse.in" ).removeClass("in");
                }
            );
			$("#AUTH").change(function () {		
				if($('#AUTH').val()=="0")
				{									
					$('#SYSMNU1').show();
					$('#SYSMNU2').show();
				}
			});
            if (typeof (Storage) !== "undefined") {
                if (localStorage.USRID) {
                    $('#USRID').val(localStorage.USRID);
                    $('#PASS').val(localStorage.PASS);
                    $('#ACC').val(localStorage.ACCNO);
                    //alert("2 " + $('#CLNG').val())
                    $('#RMMBR').prop('checked', true);
                    CMDCHK();
                }
            }            
            $('#STR').hide();
            $('#GRP').hide();
            $('#DTLTMP').hide();
            $('#DTLTMP').empty();
            var events = [];
            var i = 0;
            if ($('#USRLOG').val() == "Y") {
				var SL = "SELECT DSHID,DSHNA FROM DSHMAS ORDER BY DSHID";
				FillCombo($("#DSHID"), SL);
				GETFILE($('#IMG'), "FLOW", $('#CUSER').val(), "1", "1");
				GETFILE($('#HIMG'), "FLOW", $('#CUSER').val(), "1", "1");
                GETMNU();
                GETCAL();
    			LDLANG();
                // let def = $.Deferred(); 
                // def.then(GETMNU,LDLANG);
            }
            $('#CLNTYP').change(function () {
                if ($('#CLNTYP').val() == 'G') {
                    $('#GRP').show();
                }
                else {
                    $('#GRP').hide();
                }
            });
        });
        function readImpFile(input) {
            if (input.files[0].size > 1000000) {
                alert("File Is too Large");
                return;
            }
            if (input.files && input.files[0]) {
                var FR = new FileReader();
                FR.onload = function (e) {
                    $('#IMPTXT').val(e.target.result);
                };
                FR.readAsText(input.files[0]);
            }
        };
        function send() {
            var SL;
            SL = "MSGSND,";
            SL += "USR=" + $('#USR').val() + String.fromCharCode(11);
            SL += "MSG=" + $('#TMSG').val() + String.fromCharCode(11);
            SL += String.fromCharCode(15);
            EXECMD($('#form1'), SL);
            $("#USR").val("");
            $("#TMSG").val("");
            return;
        }
        function LDMYSG() {
            var SL = "RPTNA=MYMSG" + String.fromCharCode(11)
            GENTBL(SL, $('#USRMSG'), $('#USRMSG'));
        }
        function CMDCHK() {
            var ACCNO = " ";
            if ($('#ACC').length) {
                if (ACC.value == '') { STS.textContent = 'Please Enter Your Account Number'; return; } else { ACCNO = ACC.value }
            }
            if (USRID.value == "") {
                STS.textContent = "Please Enter Your User ID";
                $('#USRID').focus();
                return;
            }
            if (PASS.value == "") {
                STS.textContent = "Please Enter Your Password";
                $('#PASS').focus();
                return;
            }
            if (typeof (Storage) !== "undefined") {
                localStorage.LANG = $('#LNG').val();
            }
            if (document.getElementById("RMMBR").checked) {
                if (typeof (Storage) !== "undefined") {
                    localStorage.USRID = $('#USRID').val();
                    localStorage.PASS = $('#PASS').val();
                    localStorage.ACCNO = $('#ACC').val();
                }
            }
            else {
                localStorage.USRID = "";
            }
            CHKUSR(ACCNO, USRID.value, PASS.value, LNG.value, GETCAL);
            MSGTXT = "Connecting Please Wait ..";
            if ($('#CLNG').val() == "ARB") {
                $("body").css("font-size", "16px");
                MSGTXT = "جارى الاتصال .. يرجى الانتظار";
            }
            STS.textContent = MSGTXT;
        };
        function CHGPSS() {
            if (CPASS.value == "") {
                STSPAS.textContent = "Enter Current Password";
                return;
            }
            if (NPASS.value == "") {
                STSPAS.textContent = "Enter New Password";
                return;
            }
            if (NPASS2.value == "") {
                STSPAS.textContent = "Re-Enter New Password";
                return;
            }
            if (NPASS.value != NPASS2.value) {
                STSPAS.textContent = "New Password Dosn't Match";
                return;
            }
            if (NPASS.value.length < 6) {
                STSPAS.textContent = "Password Must be 6 characters at least";
                return;
            }
            var CHKNUM = false;
            var CHKCHR = false;
            var PSS = NPASS.value;
            while (PSS.length > 0) {
                var r = PSS.substring(0, 1);
                PSS = PSS.substring(1);
                if (IsNumeric(r)) {
                    CHKNUM = true;
                }
                else {
                    CHKCHR = true;
                }
            }
            if (!CHKCHR) {
                STSPAS.textContent = "New Password Must contain both digits and characters";
                return;
            }
            if (!CHKNUM) {
                STSPAS.textContent = "New Password Must contain both digits and characters";
                return;
            }
            CHGPAS(PASS.value, NPASS.value);
        };
        function SHOWCHG() {
            $('#CHGPASS').modal('show');
        };
        function CLRLOCSTR() {
        localStorage.clear();
        LOGOUT();
        };
        function LDLANG() {
			AMNU[1] = "Personal";
            AMNU[2] = "Time & attendance Record";
            AMNU[3] = "Personal Profile";
            AMNU[4] = "User ID";
            AMNU[5] = "User Name";
            AMNU[6] = "Name";
            AMNU[7] = "E-mail";
            AMNU[8] = "Address";
            AMNU[9] = "Tel.";
            AMNU[10] = "Date Of Birth";
            AMNU[11] = "Gender";
            AMNU[12] = "Status";
            AMNU[13] = "Did You Know";
            AMNU[14] = "From Date";
            AMNU[15] = "To Date";
            AMNU[16] = "..Please Select..";
            AMNU[17] = "Male";
            AMNU[18] = "Female";
            AMNU[19] = "Single";
            AMNU[20] = "married";
            AMNU[21] = "widowed";
            AMNU[22] = "Divorced";
            AMNU[23] = "Settings";
            AMNU[24] = "Company";
            AMNU[25] = "Branches";
            AMNU[26] = "Sales Channels";
            AMNU[27] = "Cashier";
            AMNU[28] = "Employee Master Data";
            AMNU[29] = "Job Setup";
            AMNU[30] = "Salary Structure";
            AMNU[31] = "Shift Setup";
            AMNU[32] = "Attendance Machines";
            AMNU[33] = "Purchases";
            AMNU[34] = "Hotels Master";
            AMNU[35] = "Room Types";
            AMNU[36] = "Room Views";
            AMNU[37] = "Room Master";
            AMNU[38] = "Seasons";
            AMNU[39] = "Accommodation Rates";
            AMNU[40] = "Inventory Management";
            AMNU[41] = "Room Reservation";
            AMNU[42] = "Room Maintenance";
            AMNU[43] = "Shift Close";
            AMNU[44] = "Hotels Inquiry";
            AMNU[45] = "Banquet";
            AMNU[46] = "Hotel Halls";
            AMNU[47] = "Hall Reservation";
            AMNU[48] = "Hall Inquiry";
            AMNU[49] = "Production";
            AMNU[50] = "OutLets Master";
            AMNU[51] = "Menu Setup";
            AMNU[52] = "Restaurant Management";
            AMNU[53] = "Order Entry (QS)";
            AMNU[54] = "Delivery";
            AMNU[55] = "kitchen Control";
            AMNU[56] = "Shift Close";
            AMNU[57] = "Check Management";
            AMNU[58] = "Reporting";
            AMNU[59] = "Human Resources";
            AMNU[60] = "Employee Salarys";
            AMNU[61] = "Variables";
            AMNU[62] = "Payroll Run";
            AMNU[63] = "Employee Accounts";
            AMNU[64] = "Attendance Register";
            AMNU[65] = "Attendence Sheet";
            AMNU[66] = "Accounts";
            AMNU[67] = "Sales Channels Account";
            AMNU[68] = "Safes Transactions";
            AMNU[69] = "Security";
            AMNU[70] = "Users Groups";
            AMNU[71] = "Users Masters";
            AMNU[72] = "Manage User Authority";
            AMNU[73] = "System Info";
            AMNU[74] = "Query Data";
            AMNU[75] = "Check IN";
            AMNU[76] = "Room Payment";
            AMNU[77] = "Room Additions";
            AMNU[78] = "Room Service";
            AMNU[79] = "Inventory Control";
            AMNU[80] = "Store Issue";
            AMNU[81] = "Transfer In";
            AMNU[82] = "Transfer Out";
            AMNU[83] = "Items Card";
            AMNU[84] = "Stores Inquiry";
            AMNU[85] = "Back Office";
            AMNU[86] = "Supplier";
            AMNU[87] = "Purchase Invoice";
            AMNU[88] = "Purchase Return";
            AMNU[89] = "Supplier Account";
            AMNU[90] = "Supplier Adjustment";
            AMNU[91] = "Purchase Invoice Inquiry";
            AMNU[92] = "Inventory Items";
            AMNU[93] = "Recipe";
            AMNU[94] = "Direct Reservation";
            AMNU[95] = "Check Out";
            AMNU[96] = "Safes Inquiry";
            AMNU[97] = "Delivery Zone";
            AMNU[98] = "Goods Request";
            AMNU[99] = "Transfer Request";
			AMNU[100] = "Store In";
			AMNU[101] = "Inventory List";
			AMNU[102] = "Sales Channels";
			AMNU[103] = "Goods Request Inquiry";
			AMNU[104] = "Goods receive";
			AMNU[105] = "Goods receive Inquiry";
			AMNU[106] = "Wastage";
			AMNU[107] = "Wastage Inquiry";
			AMNU[108] = "Operation Summary";
			AMNU[109] = "Menu Builder";
			AMNU[110] = "Order Entry (TS)";
			AMNU[111] = "Dispatcher";
			AMNU[112] = "GL/Final Statement";						
			AMNU[113] = "Goods Request Inquiry";						
			AMNU[114] = "Stores Issue Inquiry";						
			AMNU[115] = "Store In Inquiry";						
			AMNU[116] = "Transfer In Inquiry";						
			AMNU[117] = "Transfer Out Inquiry";						
			AMNU[118] = "Raw Material Issue Inquiry";						
			AMNU[119] = "Transfer Request Inquiry";											
			AMNU[120] = "Chart Of Accounts";
			AMNU[121] = "Trip & Permission";
			AMNU[122] = "Leaves";
			AMNU[123] = "Loans";
			AMNU[124] = "Debt Adjustment";
			AMNU[125] = "Credit Adjustment";
			AMNU[126] = "Bill Of Material";
			AMNU[127] = "Void List";
			AMNU[128] = "Inventory Groups";
			AMNU[129] = "Suppliers Groups";
			AMNU[130] = "Stock Policies";
			AMNU[131] = "Work Order";
			AMNU[132] = "Production Processes";
			AMNU[133] = "Quality";
			AMNU[134] = "Close Order";
            AMNU[135] = "Reporting";
            AMNU[136] = "Stores";
            AMNU[137] = "Gl Inquiry";
			AMNU[138] = "Dashboard";
			AMNU[139] = "Reservation";
			AMNU[140] = "Check in";
			AMNU[141] = "Commission";
			AMNU[142] = "Ticket Inquiry";
			AMNU[143] = "Customers";
			AMNU[144] = "Franchise Invoice";
			AMNU[145] = "Franchise Accounts";
			AMNU[146] = "Production Issue";
			AMNU[147] = "Production Issue Inquiry";
			AMNU[148] = "Purchase Order";
			AMNU[149] = "Purchase Order Inquiry";
			AMNU[150] = "Card type";
			AMNU[151] = "Card master";
            AMNU[152] = "Promotions";
            AMNU[153] = "Guest Order";
            AMNU[154] = "Card Close";
            AMNU[155] = "Debt adjustment inquiry";
            AMNU[156] = "Credit adjustment inquiry";
            AMNU[157] = "Purchase Request";
            AMNU[158] = "Insurance Offices";
            AMNU[159] = "Employee Document";
            AMNU[160] = "Attendance Rules";
			AMNU[161] = "Trip Rules";
            AMNU[162] = "permissions Rules";
            AMNU[163] = "Leaves Setup";
            AMNU[164] = "Quit Setup";
            AMNU[165] = "Shift Managment";
            AMNU[166] = "Shift Setup";
            AMNU[167] = "Employees End Of Service";
            AMNU[168] = "Attendance Close";
            AMNU[169] = "Employees Inquiry";
            AMNU[170] = "Employee Account";
            AMNU[171] = "Quick setup";
            AMNU[172] = "Menu setup";
            AMNU[173] = "Promotion";
            AMNU[174] = "Create Roles";
            AMNU[175] = "Table Service";
            AMNU[176] = "Quick Service";
            AMNU[177] = "Call Center";
            AMNU[178] = "Close Shift";
            AMNU[179] = "E-tax integration";
            AMNU[180] = "Operation Summary";
            AMNU[181] = " Dashboard";
            AMNU[182] = "Reporting";
            AMNU[183] = "Reservation";
            AMNU[184] = "Human Resource";
            AMNU[185] = "Accounts";
            AMNU[187] = " Cost Control";
            AMNU[188] = "Purchases";
            AMNU[189] = "Inventory";
            AMNU[190] = "Production";
            AMNU[191] = "Recipe";
            AMNU[192] = "Call Center";
            AMNU[193] = "Delivery Managment";
            AMNU[194] = "Delivery Fees";
            AMNU[195] = "Setup";
            AMNU[196] = "Personal Management";
            AMNU[197] = "Attendance Management";
            AMNU[198] = "Payroll";
            AMNU[199] = "Home";
            AMNU[200] = "Braches";
            AMNU[201] = "Document master";
            AMNU[202] = "Salary Setup";
            AMNU[203] = "Leaves Master";
            AMNU[204] = "End Service";
            AMNU[205] = "Employee Inquiry";
            AMNU[206] = "Setup";
            AMNU[207] = "Document";
            AMNU[208] = "Supplier Account";
            AMNU[209] = "Setup";
            AMNU[210] = "Document";
            AMNU[211] = "Inquiry";
            AMNU[212] = "Inventory List";
            AMNU[213] = "Setup";
            AMNU[214] = "Operation";
            AMNU[215] = "Inquiry";
            AMNU[216] = "GL/Final Statement";
            AMNU[217] = "KDS";
            AMNU[218] = "Administrative Affairs";
            AMNU[219] = "Inquiry";
            AMNU[220] = "Operation";
            AMNU[221] = "Settings";
            AMNU[222] = "Processing ";
            AMNU[223] = "Final Statement";
            AMNU[224] = "Cost Center";
            AMNU[225] = "GL Dash-Board";
            AMNU[226] = "Jouranl Entry";
            AMNU[227] = "Jouranl Post";
            AMNU[228] = "GL Close Year";
            AMNU[229] = "Supplier Return";
            AMNU[230] = "Credit Flow"
            AMNU[231] = "Government Taxes Setup";
            AMNU[232] = "Franchise Taxes Setup";
            AMNU[233] = "POS Taxes Setup";
            AMNU[234] = "Government Taxes Inquiry";
            AMNU[235] = "Taxes EGS Codes";
            AMNU[236] = "Gifts";
            AMNU[237] = "Supplier Aging ";
            AMNU[238] = "Customer Aging ";
            AMNU[239] = "Sales Channels Aging";
            AMNU[240] = "Price lists";
            AMNU[241] = "Customer Display";
            AMNU[242] = "Delevery Display";
            AMNU[243] = "KDS";
            AMNU[244] = "Side Dish";
            AMNU[245] = "Voucher";
            AMNU[246] = "Sales Management";
            AMNU[247] = "Purchasing management";
            AMNU[248] = "Sales";
            AMNU[249] = "Sales Invoice";
            AMNU[250] = "Sales Return";
            AMNU[251] = "Sales Inquiry";
            AMNU[252] = "Sales Return Inquiry";
            AMNU[253] = "Purchase Invoice";
            AMNU[254] = "Purchase Return";
            AMNU[255] = "Purchase Inquiry";
            AMNU[256] = "Purchase Return Inquiry";
            AMNU[257] = "E-invoice";
            AMNU[258] = "Treasury & Banking";
            AMNU[259] =  "Shift close";
            AMNU[260] = "Integration";
            AMNU[261] = "Treasury & Banking";
            AMNU[262] = "E-Tax";
            AMNU[263] = "Save";
            AMNU[264] = "Delete";
            AMNU[265] = "New";
            AMNU[266]  = "Refresh";
            $('#HEADERHome').text("Home");
            $('#HEADERNew').text("New");
            $('#HEADERSave').text("Save");
            $('#HEADERHold').text("Hold");
            $('#HEADERDelete').text("Delete");
            $('#HEADERAttach').text("Attach");
            $('#HEADERImport').text("Import");
            $('#HEADERExport').text("Export");
            $('#HEADERRefresh').text("Refresh");
            $('#HEADERPrint').text("Print");
            $('#HEADERUser').text("User");
            $('#HEADERHelp').text("Help");
            $('#HEADERContactUs').text("Contact Us");
            $('#HEADERReport').text("Report a problem");
            $('#HEADERMessage').text("Message");
            $('#HEADERPassword').text("Change Password");
            $('#HEADERLocalStorage').text("Clear Local Storage");
            $('#HEADERLogout').text("Log out");
			if ($('#CLNG').val() == "ARB") {
                AMNU[1] = "بيانات شخصية";
                AMNU[2] = "سجلات الحضور والانصراف";
                AMNU[3] = "Personal Profile";
                AMNU[4] = "User ID";
                AMNU[5] = "User Name";
                AMNU[6] = "Name";
                AMNU[7] = "E-mail";
                AMNU[8] = "Address";
                AMNU[9] = "Tel.";
                AMNU[10] = "Date Of Birth";
                AMNU[11] = "Gender";
                AMNU[12] = "Status";
                AMNU[13] = "Did You Know";
                AMNU[14] = "From Date";
                AMNU[15] = "To Date";
                AMNU[16] = "..Please Select..";
                AMNU[17] = "Male";
                AMNU[18] = "Female";
                AMNU[19] = "Single";
                AMNU[20] = "married";
                AMNU[21] = "widowed";
                AMNU[22] = "Divorced";
                AMNU[23] = "تعريفات رئيسيه";
                AMNU[24] = "تعريف  الشركه";
                AMNU[25] = "تعريف الفروع";
                AMNU[26] = " قنوات البيع";
                AMNU[27] = "تعريف الخزينه";
                AMNU[28] = "تعريف الموظفين";
                AMNU[29] = "تعريف الوظايف";
                AMNU[30] = "مكونات الراتب";
                AMNU[31] = "تعريف الورديات";
                AMNU[32] = "اجهزه الحضور والانصراف";
                AMNU[33] = "تعريفات المشتريات";
                AMNU[34] = "تعريف الفندق";
                AMNU[35] = "انواع الغرف";
                AMNU[36] = "الاطلالات";
                AMNU[37] = "تعريف الغرف";
                AMNU[38] = "المواسم";
                AMNU[39] = "اسعار الإقامة";
                AMNU[40] = "إداره المخازن";
                AMNU[41] = "حجز الغرف";
                AMNU[42] = "صيانه الغرف";
                AMNU[43] = "أغلاق الورديه";
                AMNU[44] = "الاستعلام عن الفنادق";
                AMNU[45] = "أداره قاعات الاحتفالات";
                AMNU[46] = "تعريف القاعات";
                AMNU[47] = "حجز القاعات";
                AMNU[48] = "الاستعلام عن القاعات";
                AMNU[49] = "الإنتاج";
                AMNU[50] = "تعريف قاعات المطعم";
                AMNU[51] = "تعريف قائمه الاصناف";
                AMNU[52] = "أداره المطاعم";
                AMNU[53] = "(الوجبات السريعة)ادخال الاوامر";
                AMNU[54] = "مراكز الإتصال";
                AMNU[55] = "أداره المطبخ";
                AMNU[56] = "أغلاق الورديه";
                AMNU[57] = "ادراة الشيكات";
                AMNU[58] = "الاستعلام عن المطاعم";
                AMNU[59] = "أداره الموارد البشريه";
                AMNU[60] = "رواتب العاملين";
                AMNU[61] = "المتغيرات";
                AMNU[62] = "اعداد الرواتب";
                AMNU[63] = "حسابات العاملين";
                AMNU[64] = "تسجيل الحضور و الانصراف";
                AMNU[65] = "الاستعلام عن الحضور و الانصراف";
                AMNU[66] = "الحسابات";
                AMNU[67] = "حسابات  قنوات الاتصال";
                AMNU[68] = "حركات الخزن";
                AMNU[69] = "أمن النظام";
                AMNU[70] = "مجموعه المستخدمين";
                AMNU[71] = "تعريف المستخدم";
                AMNU[72] = "أداره صلاحيات المستخدم";
                AMNU[73] = "تعريف النظام";
                AMNU[74] = "Query Data";
                AMNU[75] = "تسجيل الوصول";
                AMNU[76] = "حساب الغرف";
                AMNU[77] = "الاضافات";
                AMNU[78] = "خدمه الغرف";
                AMNU[79] = "تنظيم المخازن";
                AMNU[80] = "صرف خامات فرنشايز";
                AMNU[81] = "تحويل للداخل";
                AMNU[82] = "تحويل للخارج";
                AMNU[83] = "كارت الصنف";
                AMNU[84] = "تقارير المخازن";
                AMNU[85] = "الاداره";
                AMNU[86] = "المورد";
                AMNU[87] = "فاتورة الشراء";
                AMNU[88] = "مرتجع شراء";
                AMNU[89] = "حساب المورد";
                AMNU[90] = "تعديل المورد";
                AMNU[91] = "الاستعلام عن فاتوره الشراء ";
                AMNU[92] = "أصناف المخزون";
                AMNU[93] = "مكونات الصنف";
                AMNU[94] = "حجز مباشر";
                AMNU[95] = "تسجيل خروج";
                AMNU[96] = "الاستعلام عن الخزن";
                AMNU[97] = "مواقع تسليم الطلبات";
				AMNU[98] = "طلب خامات فرنشايز";
				AMNU[99] = "طلب تحويل";
				AMNU[100] = "إذن إضافة";
				AMNU[101] = "قائمه الجرد";
				AMNU[102] = "قنوات البيع";
				AMNU[103] = "الاستعلام عن طلب بضاعه";
				AMNU[104] = "استلام خامات فرنشايز";
				AMNU[105] = "الاستعلام عن استلام الخامات";			
				AMNU[106] = "التالف";
				AMNU[107] = "الاستعلام عن التالف";
				AMNU[108] = "منصات العمل";
				AMNU[109] = "عناصر القائمه";
				AMNU[110] = "(خدمه الطاولات)ادخال الاوامر";
				AMNU[111] = "اداره التسليم";
				AMNU[112] = "القوائم الختاميه/الاستاذ العام";				
				AMNU[113] = "الاستعلام عن طلب خامات فرنشايز";						
				AMNU[114] = "الاستعلام عن صرف خامات فرنشايز";						
				AMNU[115] = "الاستعلام عن اذن الاضافه";						
				AMNU[116] = "الاستعلام عن التحويلات الداخلة";						
				AMNU[117] = "الاستعلام عن التحويلات الخارجة";						
				AMNU[118] = "الاستعلام عن صرف الخامات";						
				AMNU[119] = "الاستعلام عن طلبات التحويل";
				AMNU[120] = "دليل الحسابات";
				AMNU[121] = "الاذون والماموريات";
				AMNU[122] = "الاجازات";
				AMNU[123] = "السلف";
				AMNU[124] = "تسوية مدينة";
				AMNU[125] = "تسوية دائنة";
				AMNU[126] = "شجرة المنتج";
				AMNU[127] = "اسباب الالغاء";
				AMNU[128] = "مجموعات الخامات";
				AMNU[129] = "مجموعات الموردين";
				AMNU[130] = "سياسات التخزين";
				AMNU[131] = "اوامر الانتاج";
				AMNU[132] = "عمليات الانتاج";
				AMNU[133] = "ضبط الجوده";
				AMNU[134] = "اغلاق اوامر الانتاج";
                AMNU[135] = "التقارير";
                AMNU[136] = "تعريف المخازن";
                AMNU[137] = "الاستعلام عن الحسابات العامة";
                AMNU[138] = "منصات عمل الاداره العليا";
                AMNU[139] = "الحجز";
                AMNU[140] = "الوصول ";
                AMNU[141] = "العموله";
                AMNU[142] = "الاستعلام عن التذاكر ";
                AMNU[143] = "عملاء المطاعم ";
                AMNU[144] = "فاتوره فرنشايز ";
                AMNU[145] = "حسابات الفرنشايز ";
                AMNU[146] = "اذن صرف منتج تام";
                AMNU[147] = "الاستعلام عن صرف خامات الورديه";
                AMNU[148] = "امر الشراء ";
                AMNU[149] = "الاستعلام عن امر الشراء";
				AMNU[150] = "انواع الكروت ";
				AMNU[151] = "تعريف الكروت ";
                AMNU[152] = "الخصومات ";
                AMNU[153] = "طلبات العميل";
                AMNU[154] = "انهاء الكارت";
                AMNU[155] = "الاستعلام عن التسويه المدينه ";
                AMNU[156] = "الاستعلام عن التسويه الدائنه ";
                AMNU[157] = "طلب شراء ";
                AMNU[158] = "مكاتب التأمين";
                AMNU[159] = "مستندات العاملين";
                AMNU[160] = "قواعد الحضور و الانصراف";
                AMNU[161] = "قواعد المأموريات";
                AMNU[162] = "قواعد الاذون";
                AMNU[163] = "تعريف الاجازات";
                AMNU[164] = "سبب انهاء الخدمة";
                AMNU[165] = "جدول الوردية";
                AMNU[166] = "الورديات";
                AMNU[167] = "نهاية الخدمة";
                AMNU[168] = "اغلاق الحضور والانصراف";
                AMNU[169] = "الاستعلام عن العاملين";
                AMNU[170] = "حسابات العاملين";
                AMNU[171] = "اعدادات سريعة";
                AMNU[172] = "اعدادات القائمة";
                AMNU[173] = "الخصومات";
                AMNU[174] = "ادارة المستخدمين";
                AMNU[175] = "خدمة الطاولات";
                AMNU[176] = "الخدمات السريعة";
                AMNU[177] = "مراكز الاتصال";
                AMNU[178] = "اغلاق الوردية";
                AMNU[179] = " التكامل مع منظومة الضرائب";
                AMNU[180] = "منصات العمل";
                AMNU[181] = "منصات عمل الادارة العليا";
                AMNU[182] = "الاستعلام عن المطعم";
                AMNU[183] = "الحجز";
                AMNU[184] = "الموارد البشرية";
                AMNU[185] = "الحسابات";
                AMNU[187] = "مراقبة التكلفة";
                AMNU[188] = "ادارة المشتريات";
                AMNU[189] = "ادارة المخازن";
                AMNU[190] = "الانتاج";
                AMNU[191] = "مكونات الاصناف";
                AMNU[192] = "مركز الاتصال";
                AMNU[193] = "ادارة التسليم";
                AMNU[194] = "مواقع التسليم";
                AMNU[195] = "الاعدادات";
                AMNU[196] = "شئون العاملين";
                AMNU[197] = "ادارة الحضور والانصراف";
                AMNU[198] = "المرتبات";
                AMNU[199] = "الرئيسية";
                AMNU[200] = "الفروع";
                AMNU[201] = "مسوغات التعين";
                AMNU[202] = "مكونات الراتب";
                AMNU[203] = "تعريف الاجازات";
                AMNU[204] = "نهاية الخدمة";
                AMNU[205] = "الاستعلام عن العاملين";
                AMNU[206] = "الاعدادت";
                AMNU[207] = "المستندات";
                AMNU[208] ="حساب المورد";
                AMNU[209] = "الاعدادات";
                AMNU[210] = "المستندات";
                AMNU[211] = "الاستعلامات";
                AMNU[212] = "قائمه الجرد";
                AMNU[213] = "الاعدادات";
                AMNU[214] = "التشغيل";
                AMNU[215] = "الاستعلامات";
                AMNU[216] = "القوائم الختاميه/الاستاذ العام";
                AMNU[217] = "شاشات المطعم";
                AMNU[218] = "الشؤون الإدارية";
                AMNU[219] = "الاستعلامات";
                AMNU[220] = "التشغيل";
                AMNU[221] = "الاعدادات";
                AMNU[222] = " المعالجة";
                AMNU[223] = " القوائم الختامية";
                AMNU[224] = "مراكز التكلفة";
                AMNU[225] = "تقارير الاستاذ العام";
                AMNU[226] = "قيود اليومية";
                AMNU[227] = "ترحيل قيود اليومية";
                AMNU[228] = "اغلاق السنة";
                AMNU[229] = "مرتجع مورد";
                AMNU[230] = "حركات الاجل";
                AMNU[231] = "إعداد الضرائب الحكومية";
                AMNU[232] = "اعداد ضرائب فرنشايز";
                AMNU[233] = "إعداد ضرائب نقاط البيع";
                AMNU[234] = "الاستعلام عن الضرائب";
                AMNU[235] = "اكواد الاصناف";
                AMNU[236] = "الهدايا";
                AMNU[237] = "تسويات موردين";
                AMNU[238] = "تسويات عملاء";
                AMNU[239] = "تسويات قنوات الاتصال";
                AMNU[240] = "تعريف قائمة الاسعار";
                AMNU[241] = "شاشة العميل";
                AMNU[242] = "شاشة طلبات التوصيل";
                AMNU[243] = "ادارة المطبخ";
                AMNU[244] = "تعريف الاطباق الجانبية";
                AMNU[245] = "قسيمة مشتريات";
                AMNU[246] = "إدارة المبيعات";
                AMNU[247] = "إدارة المشتريات";
                AMNU[248] = "المبيعات";
                AMNU[249] = "فاتورة المبيعات";
                AMNU[250] = "مرتجعات المبيعات";
                AMNU[251] = "الاستعلام عن المبيعات";
                AMNU[252] = "الاستعلام عن مرتجعات المبيعات";
                AMNU[253] = "فاتورة المشتريات";
                AMNU[254] = "مرتجعات المشتريات";
                AMNU[255] = "الاستعلام عن المشتريات";
                AMNU[256] = "الاستعلام عن مرتجعات المشتريات";
                AMNU[257] = "الفاتوره الالكترونيه";
                AMNU[258] = "الخزن والبنوك";
                AMNU[259] = "اغلاق الورديه";
                AMNU[260] = "التكامل";
                AMNU[261] = "الخزن والبنوك";
                AMNU[262] = "الضرائب الإلكترونية";
                AMNU[263] = "حفظ";
                AMNU[264] = "حدف";
                AMNU[265] = "جديد";
                AMNU[266]  = "تحديث";
                $('#HEADERHome').text("الرئيسية");
                $('#HEADERNew').text("جديد");
                $('#HEADERSave').text("حفظ");
                $('#HEADERHold').text("ايقاف");
                $('#HEADERDelete').text("حذف");
                $('#HEADERAttach').text("ملحقات");
                $('#HEADERImport').text("استيراد");
                $('#HEADERExport').text("تصدير");
                $('#HEADERRefresh').text("تحديث");
                $('#HEADERPrint').text("طباعة");
                $('#HEADERUser').text("المستخدم");
                $('#HEADERHelp').text("مساعدة");
                $('#HEADERContactUs').text("اتصل بنا");
                $('#HEADERReport').text("الابلاغ عن مشكله");
                $('#HEADERMessage').text("رساله");
                $('#HEADERPassword').text("تغيير كلمه السر");
                $('#HEADERLocalStorage').text("مسح التخزين المحلي");
                $('#HEADERLogout').text("الخروج");
			}
            $('#STRMNU').hide();
            $('#PRCMNU').hide();
            $('#CSTMNU').hide();
            $('#HC1MNU').hide();
            //$('#ACCMNU').hide();            
            $('#HTLMAS').hide();
            $('#HTLMNU').hide();
            $('#RESMAS').hide();
            $('#RESMNU').hide();
            switch ($('#GSTPLN').val()) {
                case "1":
                    $('#CSTMNU').show();
                    $('#HC1MNU').show();
                    $('#RESMNU').show();
                    $('#RESMAS').show();
                    break;
                case "2":
                    $('#CSTMNU').show();
                    $('#HC1MNU').show();
                    $('#RESMNU').show();
                    $('#RESMAS').show();
                    break;
                case "3":
                    $('#STRMNU').show();
                    $('#PRCMNU').show();
                    $('#CSTMNU').show();
                    $('#HC1MNU').show();
                    $('#ACCMNU').show();
                    $('#RESMNU').show();
                    $('#RESMAS').show();
                    break;
                case "4":
                    $('#HTLMAS').show();
                    $('#HTLMNU').show();
                    break;
                case "5":
                    $('#HTLMAS').show();
                    $('#HTLMNU').show();
                    $('#RESMNU').show();
                    $('#RESMAS').show();
                    break;
                case "6":
                    $('#HTLMAS').show();
                    $('#HTLMNU').show();
                    $('#STRMNU').show();
                    $('#PRCMNU').show();
                    $('#CSTMNU').show();
                    $('#HC1MNU').show();
                    $('#ACCMNU').show();
                    $('#RESMNU').show();
                    $('#RESMAS').show();
                    break;
            }
            console.log(LNG);
           
            for (i = 1; i <= AMNU.length ; i++) {
                var d = document.getElementById(i);
                var T = AMNU[i];
                if (typeof (d) != 'undefined' && d != null) {
                    var spans = d.getElementsByTagName('span'), obj = {};
                   
                    if (typeof (spans[0]) != 'undefined' && spans[0] != null) {
                        T += "<span class='caret'></span>";
                    }
                    d.innerHTML = T;
                }
            }
            Menu =  getTopMenu();
            let names = Menu.map(function(menuItem) {
                    return menuItem.name;
                }); 
            SearchROCK(names);

        }
        function SearchROCK(data)
        {
            var	searchbar = $('#SEARCHBARROCK');
            $(searchbar).autocomplete({
                source: data,
                minLength: 1,
                maxHeight: 600,
                select: function (event, ui,callback) {
                    $('#SEARCHBARROCK').val(ui.item.value);   
                    $('#SEARCHBARROCK_Button').trigger('click');                                       
                    $('#SEARCHBARROCK').val('');   
                    event.preventDefault();
                     // $(searchbar).trigger("select",  [{SL:ui.item.value}] );                           
                },
                options: {
                    closeOnSelect: true, // add this line - controls list closing.
                    updateElement: true  // add this line - controls updating input box.
                }
            });	
        }
        function GetPageBySearchTopBar()
        {
            let found= false;
            console.log(Menu);
            found= Menu.find(function(obj) {
                if(obj.name != '' && obj.name != null && obj.name != undefined)
                return obj.name == $('#SEARCHBARROCK').val();
            });
            // console.log(found);
            if(found){
                
                // $(found.id).trigger('click');
                SHOWPAGE(found.id.substring(1));
                // the reset is not working
                $('#SEARCHBARROCK').val('');                
                $('#SEARCHBARROCK').focus();
                return;
            }
            
        }
		function SHWDSH()
		{
			var P="DSHID;"+$('#USRID').val();
			LDPAGE('DSHID;1', $('#DIV_DSHID'));
		}
        function SAVRPTGEN() {
            if (!IsValue($("#RPTNA"))) {
                MSGBOX('Select Report');
                return;
            }
            if (!IsValue($("#RPTTIT"))) {
                MSGBOX('Enter Report Title');
                return;
            }
            if ($("#DSHID").val() == "-1") {
                MSGBOX("Enter ID");
                return;
            }
            SAVMAS($('#FRMRPTGEN'), 'DSHCNF', 'DSHID,RPTTIT');
        };

        function GETTEMPLATE() {
        var $idown;  // Keep it outside of the function, so it's initialized once.        
        var SL = "https://microsystems-eg.com/org/" + $('#IMP_MASNA').val() + ".xlsx";
        if ($idown) {
            $idown.attr('src', SL);
        } else {
            $idown = $('<iframe>', { id: 'idown', src: SL }).hide().appendTo('body');
        }
    }
    //function to change the format of date
    function formatDate(date) {
    var d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();

    if (month.length < 2) 
        month = '0' + month;
    if (day.length < 2) 
        day = '0' + day;

    return [year, month, day].join('-');
    }
    function getTopMenu () {
        const elem = document.querySelector("#LFT-MNUs");

        console.log("eleme");
        console.log(elem.childNodes.length);
        // if(){
            
        // }
        if (localStorage.LANG != "ARB") {
        var TopMenueValues =  $("#LFT-MNUs ul div.collapse ul div.collapse li.item-menu a.menu").map(function(i,e) {
                let name= $(this).text(); 
                let id = $(this).attr('href');
        return {name,id};
        }).get();
    }else{
        var TopMenueValues =  $("#LFT-MNUs ul div.collapse ul div.collapse li.item-menu a.menu-RTL").map(function(i,e) {
                let name= $(this).text(); 
                let id = $(this).attr('href');
        return {name,id};
        }).get();
    }
        const res = [...new Set(TopMenueValues)];
        return res;

      }

    // convert json to html
    function convert(jsonData) {        
        var rows=jsonData.length-1;
        $("#convertedExcell").empty();
        // Get the container element where the table will be inserted
        let container = $("#convertedExcell");
        $(container).css({"height":"300px"});
        // Create the table element
        let table = $("<table class='table table-striped table-bordered' id='convertedExcellTable' > ");
        // Get the keys (column names) of the first object in the JSON data
        //let cols = Object.keys(jsonData[0]);
        // Create the header element
        let thead = $("<thead>");
        let tr = $("<tr class='info'>");

        // Loop through the column names and create header cells
        $.each(jsonData[0], function (i, item) {
            let th = $("<th>");
            th.text(item); // Set the column name as the text of the header cell
            tr.append(th); // Append the header cell to the header row
        });
        thead.append(tr); // Append the header row to the header
        table.append(thead) // Append the header to the table
		$('#IMPTXT').val("");
        // Loop through the JSON data and create table rows
		var T="";		
        for(i=1;i<jsonData.length;i++){
                let tr = $("<tr>");
                $.each(jsonData[i], (i, elem) => {
					let td = $("<td>");
                        if(elem instanceof Date){
                             elem = elem.toLocaleString('en-US', { timeZone: 'Asia/Jakarta' }).split(",")[0];
                             elem=formatDate(elem);
                    }
					td.text(elem); 
					tr.append(td); 
					if(elem!=undefined){
                        console.log(elem);
						T+= elem +String.fromCharCode(9);
						}else{
							T+= "" +String.fromCharCode(9);
						}
				});
				table.append(tr);
				T += "\n";
        }
		$('#IMPTXT').val(T);
        $("#IMPROW").text("Rows : "+rows);
        $("#IMPROW").show();
		console.log($('#IMPTXT').val());	     
		container.append(table) // Append the table to the container element
        $('#IMPFIL').on('hidden.bs.modal', function () {
            $("#IMPROW").text("");
            $("#IMPROW").hide();
            $("#convertedExcell").empty();
            $('#IMPTXT').val("");
            $("#convertedExcell").css({"height":"auto"});
        });

    }
    
    // convert json to html


    </script>



   
</head>
<body>
    
    <!-- <div class="fixed-plugin-add">
        <div class="dropdown dropdown-toggle"><a href="#" type="button" data-toggle="dropdown"><i class="fa fa-user-plus fa-2x"></i></a>
        </div>
    </div> -->
    <ul id="social-sidebar">
        <li>
          <a class="fas fa-save" onclick="CMDSAV_Click();"><span id="263">Save</span></a>
        </li>
        <li>
          <a class="fas fa-trash" onclick="CMDDEL_Click();"><span id="264">Delete</span></a>
        </li>
        <li>
          <a class="fas fa-file" onclick="CMDNEW_Click();"><span id="265">New</span></a>
        </li>
        <li>
            <a class="fa fa-refresh" onclick="CMDREF_Click();"><span id="266">Refresh</span></a>
        </li>
      </ul>
    <div class="fixed-plugin">
        <div class="dropdown dropdown-toggle"><a href=".." type="button"><i class="fa fa-home fa-2x"></i></a>
            <ul class="dropdown-menu">
                <!-- <li class="header-title">SIDEBAR BACKGROUND</li>
                <li class="adjustments-line">
                    <div class="badge-colors text-center"><span class="badge filter badge-primary"
                            data-color="primary"></span><span class="badge filter badge-info active"
                            data-color="info"></span><span class="badge filter badge-success"
                            data-color="success"></span><span class="badge filter badge-warning"
                            data-color="warning"></span><span class="badge filter badge-danger" data-color="danger"></span>
                    </div>
                </li>
                <li class="header-title">SIDEBAR MINI</li>
                <li class="adjustments-line">
                    <div class="togglebutton switch-sidebar-mini d-flex align-items-center justify-content-center"><span
                            class="label-switch">OFF</span>
                        <div class="mt-n4 custom-switch custom-control"><input type="checkbox" id="switch-1"
                                class="custom-control-input" value="true"><label class="custom-control-label"
                                for="switch-1"></label></div><span class="label-switch ml-n3">ON</span>
                    </div>
                </li>
                <li class="adjustments-line">
                    <div class="togglebutton switch-change-color mt-3 d-flex align-items-center justify-content-center">
                        <span class="label-switch">LIGHT MODE</span>
                        <div class="mt-n4 custom-switch custom-control"><input type="checkbox" id="switch-2"
                                class="custom-control-input" value="false"><label class="custom-control-label"
                                for="switch-2"></label></div><span class="label-switch ml-n3">DARK MODE</span>
                    </div>
                </li>
                <li class="button-container"><a href="https://www.creative-tim.com/product/black-dashboard-pro-react"
                        class="btn-round btn btn-primary btn-block">Buy now</a></li>
                <li class="button-container"><a
                        href="https://demos.creative-tim.com/black-dashboard-pro-react/#/documentation/tutorial"
                        target="_blank" class="btn-round btn btn-outline-default btn-block"><i class="nc-icon nc-paper"></i>
                        Documentation</a></li>
                <li class="button-container"><a href="https://www.creative-tim.com/product/black-dashboard-react"
                        class="btn-round btn btn-primary btn-block">Get free version</a></li>
                <li class="button-container text-center"><button aria-label="facebook" class="react-share__ShareButton"
                        style="background-color: transparent; border: none; padding: 0px; font: inherit; color: inherit; cursor: pointer;"><svg
                            viewBox="0 0 64 64" width="32" height="32">
                            <circle cx="32" cy="32" r="31" fill="#3b5998"></circle>
                            <path
                                d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"
                                fill="white"></path>
                        </svg></button><button aria-label="twitter" class="react-share__ShareButton"
                        style="background-color: transparent; border: none; padding: 0px; font: inherit; color: inherit; cursor: pointer;"><svg
                            viewBox="0 0 64 64" width="32" height="32">
                            <circle cx="32" cy="32" r="31" fill="#00aced"></circle>
                            <path
                                d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"
                                fill="white"></path>
                        </svg></button><br><span class="github-btn"><a class="gh-btn"
                            href="//github.com/creativetimofficial/ct-black-dashboard-pro-react/" target="_blank"><span
                                class="gh-ico" aria-hidden="true"></span><span class="gh-text">Star</span></a><a
                            class="gh-count" target="_blank"
                            href="//github.com/creativetimofficial/ct-black-dashboard-pro-react/stargazers/"
                            style="display: block;">40</a></span></li> -->
            </ul>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="left" id="LFT-MNUs">
            <ul>
                <div id="SIDEMENU"></div>
                <!-- <a href="#" data-toggle="collapse" data-target="#demo" id="" >
                    <li class="item-menu">
                        <span class="fas fa-cog"></span> 
                        <span class="menu">Setting</span>
                    </li>
                </a>  -->
                    <!-- <div id="demo" class="collapse">
                        <a href="#" data-toggle="collapse" data-target="#nextDrop">
                            <li class="item-menu">
                               <span class="menu">Menu Setting1</span>
                            </li>
                        </a>
                        <div id="nextDrop" class="">
                            
                                <li class="item-menu">
                                   <span class="menu">Menu Setting2</span>
                                </li>
                           
                        </div>
                    </div> -->
                    <!-- <div id="ITEMMENU"></div>
                    <div id="STOREMENU"></div>
                    <div id="TRESBANKINGMENU"></div> -->
                    
               
            </ul>
        </div> <!-- end left -->
        <div class="right">
            content
        </div>
        </div>
    </div>
    <div id="header">
        <nav class="navbar navbar-default navbar-fixed-top" style="border-bottom: solid 2px #278aad;">        
            <div class="container-fluid">
               <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
               </button>
               <a class="navbar-brand" href="#" onclick="showMnu();" >
                <img alt="Brand"  src='../src/common/erp.png' onclick="showMnu();" >
                    <!-- <b style="font-size:30px; color:#305374">ROCK</b> -->
               </a>
             </div>    
               <div class="collapse navbar-collapse" id="myNavbar">   
               <ul class="nav navbar-nav">
                <li><a href=".." ><span class="glyphicon glyphicon-home"></span> <span id="HEADERHome">Home</span></a></li>
                <li><a href="#" onclick="CMDNEW_Click();"><span class="glyphicon glyphicon-file"></span><span id="HEADERNew">New</span></a></li>
                <li><a href="#" onclick="CMDSAV_Click();"><span class="glyphicon glyphicon-floppy-disk"></span><span id="HEADERSave">Save</span></a></li>       
                <li id="CMDSTP"><a href="#"  onclick="CMDSTP_Click();"><span class="glyphicon glyphicon-pause"></span><span id="HEADERHold">Hold</span></a></li>
                <li><a href="#" onclick="CMDDEL_Click();"><span class="glyphicon glyphicon-trash"></span><span id="HEADERDelete">Delete</span></a></li>
                <li><a href="#" onclick="CMDATH_Click();"><span class="glyphicon glyphicon-paperclip"></span><span id="HEADERAttach">Attach</span></a></li>
                <li><a href="#" onclick="CMDIMP_Click();"><span class="glyphicon glyphicon-log-in"></span><span id="HEADERImport">Import</span></a></li>
                <li><a href="#" onclick="CMDEXP_Click();"><span class="glyphicon glyphicon-log-out"></span><span id="HEADERExport">Export</span></a></li>
                <li><a href="#" onclick="CMDREF_Click();"><span class="glyphicon glyphicon-refresh"></span><span id="HEADERRefresh">Refresh</span></a></li>
                <li><a href="#" onclick="CMDPRT_Click();"><span class="glyphicon glyphicon-print"></span><span id="HEADERPrint">Print</span></a></li>
               </ul>
              <div style="display: flex; flex-direction: row; align-items: flex-start; align-content: flex-end; flex-wrap: nowrap; justify-content: space-evenly;">

            
                <!--  SEARCHBAR -->
            <div class="input-group" style="display: inherit;float: left; width: -webkit-fill-available;flex: 0 2 auto;">
               <input id='SEARCHBARROCK' type='text' class='form-control' placeholder='Search' style="max-width: 100%; margin-top: 7px;" >
               <span id='SEARCHBARROCK_Button'class="input-group-addon" onclick="GetPageBySearchTopBar();" style="width: 0%;margin-top: 7px;display: inline-flex;flex-direction: column;flex-wrap: wrap;align-content: center;padding: 9px 13px;"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>                
           </div>

              
               
               <ul class="nav navbar-nav navbar-right" style="width: 120px; flex: 1 0; flex-basis: content;">
                 
                   <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span><span id="HEADERUser">User</span><span class="caret"></span></a>
                   <ul class="dropdown-menu">
                       <li>
                       <a href="#" class="thumbnail">
               <img id="HIMG" src="../images/noimage.jpg" alt="User ID" style="width:60px; height:70px;">
             </a></li>
         
                     <li><a href="#" onclick="SHWHLP();" ><span id="HEADERHelp">Help</span></a></li>
                     <li><a href="http://microsystems-eg.com/contact.html" target="_blank"> <span id="HEADERContactUs">Contact Us</span> Us</a></li>
                     <li><a href="https://doc.microsystems-eg.com/?website=ticket" target="_blank"><span id="HEADERReport">Report a problem</span></a></li>
                     <li><a href="http://microsystems-eg.com/contact.html" target="_blank"><span id="HEADERMessage">Message</span></a></li>
                     <li><a href="#" onclick="SHOWCHG();"><span id="HEADERPassword">Change Password</span></a></li>
                     <li><a href="#" onclick="CLRLOCSTR();"><span id="HEADERLocalStorage">Clear local Storage</span></a></li>
                     <li><a href="#" id="udes" onclick="LOGOUT();"><span id="HEADERLogout">Logout</span></a></li>
                   </ul>
                 </li>
               </ul>
            </div>
             </div>
           </div>
         
             </nav>
         <script>
             function SHWHLP() {
                 var url = "http://microsystems-eg.com/GSTHLP/" + CPAGE.value + ".pdf";
                 console.log(url);
                 window.open(url, '_blank');
             }
            
         </script>
        
    </div>

    <!-- Main -->
    <div class="container-fluid" style="margin-top: 60px">


        
        <!-- Left column -->

    </div>
    <!-- <div class="row" style="padding-left: 78px; padding-right: 55px; padding-bottom: 10px;">
        <div class="col-md-6">
            <a class="btnBs5 btnBs5-outline-primary btn-block" href="#" onclick="">
                <span class="fa fa-user-plus fa-2x" aria-hidden="true"></span>
                <br>
                <label id="">Add Customer</label>
            </a>
        </div>
        <div class="col-md-6">
            <a class="btnBs5 btnBs5-outline-primary btn-block" href="#" onclick="">
                <span class="fa fa-user-plus fa-2x" aria-hidden="true"></span>
                <br>
                <label id="">Add Supplier</label>
            </a>
        </div>
    </div> -->
    <div class="container-fluid" id="main-area">
                <ul class="nav nav-tabs" id="top-nav-bar" style="margin-left: 12px;">
                  <!-- <li class="active"><a href="#workingArea" data-toggle="tab">pos</a></li>
                  <li class=""><a href="#tab26" data-toggle="tab">Dolor asit amet</a></li>
                  <li class=""><a href="#tab36" data-toggle="tab">Stet clita</a></li>                                -->
                </ul>
        <div class="row">

			

            <!-- /col-3 -->
            <div class="tab-content">
            <div class="tab-pane active text-style" id="workingArea">
            <div  id="FLW-COL">
				<div id="SUBHDR"></div>
                <div class="container-fluid" id="FLOW">
                    <!-- <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tabHome"><i class="fa fa-home" style="font-size: 20px"></i> Home</a></li>
                        <li ><a data-toggle="tab" href="#tab1"><i class="fa fa-calendar" style="font-size: 20px"></i> Calendar</a></li>
                        <li><a onclick="SHWDSH();" href="#DIV_DSHID" data-toggle="tab"><i class="fa fa-dashboard" style="font-size: 20px"></i> Dashboard</a></li>
                    </ul> -->
                    <div class="tab-content">
                        <div id="tabHome" class="tab-pane active">
                            <div class="">
                                
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('Sales','Documents');">
                                        <span class="fa fa-money-check-alt fa-2x" aria-hidden="true"></span>
                                        <br>
                                        <label id="246"></label>
                                    </a>
                                    <a class="btnBs5 btnBs5-outline-flow  btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('Inventory','Documents');">
                                        <span class="fa fa-dolly fa-2x"></span>
                                        <br>
                                        <label id="40"></label>
                                    </a>
                                </div>
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('Supply Chain','Documents');">
                                        <span class="fa fa-coins fa-2x"></span>
                                        <br>
                                        <label id="247"></label>
                                    </a>
                                    <a class="btnBs5 btnBs5-outline-flow  btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('Treasury & Banking','');">
                                        <span class="fa fa-calculator fa-2x"></span>
                                        <br>
                                        <label id="261"></label>
                                    </a>
                                </div>
                               
                            </div>
                            <div class="">
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl btn-block" disabled="disabled" href="#" onclick="loadTabsMenu('Human Resources','Personal');" style="margin-top: 10px;">
                                        <span class="fa fa-users fa-2x"></span>
                                        <br>
                                        <label id="59"></label>
                                    </a>
                                </div>
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('General Ledger','');" style="margin-top: 10px;">
                                        <span class="fa fa-line-chart fa-2x"></span>
                                        <br><label id="216"></label>
                                    </a>
                                </div>
                                
                            </div>
                            <div class="">
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow-disabled btnBs5xxl btn-block disabled" href="#" onclick="loadTabsMenu('Integration','');" style="margin-top: 10px;">
                                        <span class="fas fa-project-diagram fa-2x"></span>
                                        <br>
                                        <label id="260"></label>
                                    </a>
                                </div>
                                <div class="col-md-6">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl btn-block" href="#" onclick="loadTabsMenu('E-Taxes','');" style="margin-top: 10px;">
                                        <span class="far fa-money-bill-alt fa-2x"></span>
                                        <br><label id="262"></label>
                                    </a>
                                </div>
                                
                            </div>
                        </div>

                        <div id="tab1" class="tab-pane fade in ">
                            <br />
                            <div class="row">
                                <div class="col-md-12" id="cc">
                                    <div class="panel panel-primary">
                                        <div class="panel-heading">
                                            <h4>Calendar</h4>
                                        </div>
                                        <div class="panel-body">
                                            <div id="calendar"></div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="DIV_DSHID" class="tab-pane fade in ">
                        </div>

                        <!-- <div class="tab-pane fade in " id="massages">

                            <div class="row">

                                <div class="col-lg-12">


                                    <div class="btn-group btn-group-justified">
                                        <a href="#" class="btn btn-primary" onclick="LDMYSG();"><strong><i class="glyphicon glyphicon-envelope"></i>Message</strong></a>
                                        <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#Creat"><i class=" glyphicon glyphicon-pencil"></i>Create Message</a>

                                    </div>
                                    <div class="modal fade" id="Creat" role="dialog">
                                        <div class="modal-dialog">

                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                    <h4 class="modal-title"><i class=" glyphicon glyphicon-pencil"></i>Create Message</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <form>
                                                        <div class="form-group">
                                                            <label>To</label>
                                                            <input type="text" class="form-control" id="USR" />
                                                            <label>Message</label>
                                                            <textarea class="form-control" rows="5" id="TMSG"></textarea>

                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" data-dismiss="modal" onclick="send();">Send</button>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="div-table-content">

                                        <table class="table table-bordered" id="USRMSG"></table>
                                    </div>


                                </div>
                            </div>

                        </div> -->

                        <!-- end message-->
                    </div>
                    <table id="DTLTMP"></table>


                    <div class="clearfix visible-lg"></div>



                </div>
                <p></p>
                <p></p>
            </div>
        </div>
            <div class="tab-pane text-style" id="tab26">
                <div class="">

                
                <h2>Dolor asit amet</h2>
                 <p>Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 
                  ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo 
                  dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore 
                  et dolore magna aliquyam erat, sed diam voluptua.</p>
                  <hr>
                        <img src="http://placehold.it/150x90" class="img-rounded pull-left">
                </div>
              </div>
              <div class="tab-pane text-style" id="tab36">
                <h2>Stet clita</h2>
                <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum 
                  iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla 
                  facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit 
                  augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet,</p>
                  <hr>
                  <div class="col-xs-6 col-md-3">
                    <img src="http://placehold.it/150x150" class="img-rounded pull-right">
                </div>
              </div>
        
        </div>
            <div id="footer">
            </div>
            <div class="modal fade" id="callCenterModal" tabindex="-1" role="dialog" aria-labelledby="callCenterModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    
                    <div class="modal-body">
                       
                        <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="SHOWPAGE('DLVORD');">
                                <span class="fa fa-phone-square fa-2x"></span>
                                <br><label  id="192" ></label></a>

                                <a  class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="SHOWPAGE('DLVOUT');">
                                <span class="fa fa-motorcycle fa-2x"></span>
                                <br><label  id="193" ></label></a>

                                <a  class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="SHOWPAGE('DLVZON');">
                                    <span class="fa fa-money fa-2x"></span>
                                    <br><label  id="194" ></label></a>
                    </div>            
                    </div>
                   
                  </div>
                </div>
              </div>
              <div class="modal fade" id="KDSModal" tabindex="-1" role="dialog" aria-labelledby="KDSModal" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                             <div class="modal-body">
                                <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="SHOWPAGE('KITCNT');">
                                        <span class="fa fa-television fa-2x"></span>
                                        <br>
                                        <label  id="243" ></label>
                                    </a>
                                    <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="SHOWPAGE('CUSDIS');">
                                        <span class="fa fa-television fa-2x"></span>
                                        <br>
                                        <label  id="241" ></label>
                                    </a>
                                    <!-- <a class="btnBs5 btnBs5-outline-success btnBs5xxl" href="#" onclick="SHOWPAGE('');">
                                        <span class="fa fa-television fa-2x"></span>
                                        <br>
                                        <label  id="242" ></label>
                                    </a> -->
                                </div>            
                             </div>
                        </div>
                    </div>
              </div>                            
                                        
              <div class="modal fade" id="HRModal" tabindex="-1" role="dialog" aria-labelledby="HRModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    
                    <div class="modal-body">
                       
                        <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="HRSETUP();">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">settings_account_box</span>
                            <br><label  id="195" ></label></a>

                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="PERSONALMAGTABS()">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">manage_accounts</span>
                            <br><label  id="196" ></label></a>

                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="Attendance()">
                            <span class="material-symbols-outlined"  style="font-size:46px !important;">acute</span>
                            <br><label  id="197" ></label></a>
                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="PAYROLSETUP()">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">receipt</span>
                            <br><label  id="198" ></label></a>
                        </div>            
                    </div>
                   
                  </div>
                </div>
              </div>  
              <div class="modal fade" id="PurchaseModal" tabindex="-1" role="dialog" aria-labelledby="PurchaseModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-body">
                        <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="PURSETUP();">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">
                            settings
                            </span>
                            <br><label id="206" ></label></a>
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="DOCTABS();">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">
                            draft
                            </span>
                            <br><label id="207" ></label></a>
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="SHOWPAGE('CONACC,CCODE=S');">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">
                            contact_emergency
                            </span>
                            <br><label id="208"></label></a>
                        </div> 
                    </div>
                  </div>
                </div>
              </div>                          
              <div class="modal fade" id="InventoryModal" tabindex="-1" role="dialog" aria-labelledby="InventoryModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-body">
                        <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="INVSETUP();">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">
                            settings
                            </span>
                            <br><label id="209" ></label></a>
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="Doc();">
                                <span class="material-symbols-outlined" style="font-size:46px !important;">
                                draft
                                </span>
                                <br><label id="210" ></label></a>
                                <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="SHOWPAGE('STRSET');">
                                    <span class="material-symbols-outlined" style="font-size:46px !important;">
                                    draft
                                    </span>
                                    <br><label id="212" ></label></a>
                            <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="DocStor();">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">
                            draft
                            </span>
                            <br><label id="211" ></label></a>
                        </div> 
                    </div>
                  </div>
                </div>
              </div> 
                <div class="modal fade" id="ResModal" tabindex="-1" role="dialog" aria-labelledby="ResModal" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    
                    <div class="modal-body">
                       
                        <div  style="display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px;">
                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="Setting()">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">settings_account_box</span>
                            <br><label  id="213" ></label></a>

                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="Operation()">
                            <span class="material-symbols-outlined" style="font-size:46px !important;">manage_accounts</span>
                            <br><label  id="214" ></label></a>

                            <a class="btnBs5 btnBs5-outline-flow btnBs5xxl" href="#" onclick="Inquiry()">
                            <span class="material-symbols-outlined"  style="font-size:46px !important;">draft</span>
                            <br><label  id="215" ></label></a>
                </div>
                    </div>
                        </div>
                            </div>
                </div>
            <div id="IMPDTA">
                <div id="IMPFIL" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                    <div class="modal-dialog" style="width: auto;">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button id="Button2" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="H2">Import Data File</h4>
                            </div>
                          
                                <form class="form col-md-12 center-block">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <fieldset  class="scheduler-border">
                                                <legend class="scheduler-border">برجاء اتباع المحددات</legend>
                                                <div id="IMPFRM"></div>
                                            </fieldset>
                                        </div>
                                        <div class="col-md-4">
                                    <div class="form-group">
                                        <label id="Label1">Select File To Upload</label>
                                   
                                         
                                                <button class="btn btn-primary btn-block " onclick="GETTEMPLATE();" type="button"><span class="glyphicon glyphicon-download"></span> Download Template</button>
                                           
                                         
                                                <button class="btn btn-default btn-block" onclick="SelectFile();" type="button"><span class="glyphicon glyphicon-open-file"></span> Select a file</button>
                                          
                                       
                                                <button class="btn btn-success btn-block" onclick="IMPDTA();" type="button"><span class="glyphicon glyphicon-upload"></span> Upload</button>
                                       
                                 
                                    </div>
                                </div>
                                    <!-- <div class="form-group">
                                        <label id="STSTXT"></label>
                                    </div>
                                     -->
                                    </div>
                                        <label id="IMPROW" hidden></label>
                                        <div class="div-scroll-bar" id="convertedExcell" style="overflow: auto; "></div>
                                    
                                    <input type="hidden" id="IMPTXT" value="" />
                                    <input type="hidden" id="IMP_MASNA" value="" />
                                    <input type="hidden" id="IMP_FLD" value="" />
                                    <input type="hidden" id="IMP_SLKEY" value="" />
                                </form>
    
                           
                           <div class="modal-footer">
    
                           </div>
                        </div>
                    </div>
                </div>
            </div>
                <div id="login">
                <div id="loginModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h2 class="text-center">Login</h2>
                            </div>
                            <div class="modal-body">
                                <form class="form col-md-12 center-block">
                                    <div class="form-group">
                                        <input id='ACC' type='text' class='form-control' placeholder='Account No.'>
                                    </div>
                                    <div class="form-group">
                                        <input id="USRID" type="text" class="form-control" placeholder="User Name">
                                    </div>
                                    <div class="form-group">
                                        <input id="PASS" type="password" class="form-control" placeholder="Password">
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" id="LNG">
											<option value="ENG">English</option>                                            
											<option value="ARB">Arabic</option>                                            
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <input id="RMMBR" type="checkbox">
                                        Remember Me
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn default" id="default" onclick="CHGTHM('default');"></button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn green" id="green" onclick="CHGTHM('Green');"></button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn red" id="red" onclick="CHGTHM('Red');"></button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn orange" id="orange" onclick="CHGTHM('Orange');"></button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn lightblue" id="lightblue" onclick="CHGTHM('Light');"></button>
                                    </div>
                                    <div class="btn-group">
                                        <button type="button" class="btn darkblue" id="darkblue" onclick="CHGTHM('DarkBlue');"></button>
                                    </div>
                                    <div class="form-group">
                                        <label id="STS">Please Login</label>
                                        <button class="btn btn-primary btn-block" onclick="CMDCHK();" type="button">Sign In</button>
                                    </div>

                                </form>
                            </div>
                            <div class="modal-footer">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="SYS" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-4"></div>
                                <div class="col-lg-4">
                                    <img src="images/pleasewait.gif" /></div>
                                <div class="col-lg-4"></div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4"></div>
                                <div class="col-lg-4">
                                    <h4 id="MSG">Loading ... </h4>
                                </div>
                                <div class="col-lg-4"></div>
                            </div>



                        </div>
                    </div>
                </div>
            </div>

            <div id="CHGPASS" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button id="CHGPASS_Close" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-picture"></span>Change Password</h4>
                        </div>

                        <div class="modal-body">
                            <form class="form col-md-12 center-block">
                                <div class="form-group">
                                    <input id='CPASS' type='password' class='form-control' placeholder='Current Password'>
                                </div>
                                <div class="form-group">
                                    <input id="NPASS" type="password" class="form-control" placeholder="New Password">
                                </div>
                                <div class="form-group">
                                    <input id="NPASS2" type="password" class="form-control" placeholder="ReEnter Password">
                                </div>
                                <div class="form-group">
                                    <label id="STSPAS">Fill The Passwords</label>
                                    <button class="btn btn-primary btn-block" onclick="CHGPSS();" type="button">Change Password</button>
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                        </div>
                    </div>
                </div>
            </div>

            <div id="MYMSG" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button id="Button1" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="H1"><span class="glyphicon glyphicon-remove"></span>System Alert</h4>
                        </div>

                        <div class="modal-body">

                            <div class="row">
                                <div class="col-lg-1"></div>
                                <div class="col-lg-10">
                                    <h4 id="MSGTXT">Loading ... </h4>
                                </div>
                                <div class="col-lg-1"></div>
                            </div>
                            <button id="MSGOK" class="btn btn-primary btn-block" data-dismiss="modal" type="button" autofocus>OK</button>
                        </div>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>

            <div class="modal fade" id="EVNINF" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title"><i class=" glyphicon glyphicon-pencil"></i>Details</h4>

                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Privacy</label>
                                        <select class="form-control" id="CLNTYP">
                                            <option value="A">Public</option>
                                            <option value="P">Personal</option>
                                            <option value="G">Group</option>
                                        </select>
                                        <div id="GRP">

                                            <label>Group</label>
                                            <select class="form-control" id="GRPNO">
                                                <option value="-1">
                                                --Please select--<option>
                                            </select>
                                        </div>
                                        <label>Description</label>
                                        <textarea class="form-control" rows="4" id="CLNDES"></textarea>
                                        <div id="STATS">
                                            <label>Status</label>
                                            <select class="form-control" id="STATUS">
                                                <option value="A">Not Started</option>
                                                <option value="P">Pending</option>
                                                <option value="F">Finished</option>
                                            </select>
                                        </div>
                                        <input type="checkbox" id="TSK" />
                                        Task
                                        <br />
                                        <div class="btn-group" id="savbtn">
                                            <br />
                                            <button type="button" class="btn btn-primary" id="Button5" onclick="SAVEVN()">Save</button>
                                        </div>
                                        <div class="btn-group" id="Div1">
                                            <br />
                                            <button type="button" class="btn btn-primary" id="Button3" onclick="DELEVN()">Delete</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">

                                        <label>Date</label>
                                        <input type="text" class="form-control" id="CLNDT" readonly />
                                        <div id="STR">
                                            <div class="form-group">
                                                <label>Started Date</label>
                                                <input type="text" class="form-control" id="STRDT" readonly / value="2026-05-16" />
                                            </div>
                                        </div>
                                        <label>Start Time</label>
                                        <div class="input-group">
                                            <input type="time" class="form-control" id="STRTM" /><span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-time"></i></span>
                                        </div>
                                        <label>End Time</label>
                                        <div class="input-group">
                                            <input type="time" class="form-control" id="ENDTM" /><span class="input-group-addon" id="Span1"><i class="glyphicon glyphicon-time"></i></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>



        
    </div>
    <form id="FRMRPTGEN">
        <div class="modal fade" id="RPTGEN" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg">


                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"><i class=" glyphicon glyphicon-pencil"></i>Report Genrator</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Dashbord ID</label>
                                    <select class="form-control" id="DSHID">
                                    </select>


                                    <label>Report Title</label>
                                    <input type="text" class="form-control" id="RPTTIT" />

                                </div>
                            </div>
                            <div class="col-md-6">
                                <label>Report Options</label>
                                <select class="form-control" id="TYP">
                                    <option value="R">Report</option>
                                    <option value="C">Chart</option>
                                </select>
                                <input type="hidden" id="OPT" />
                                <label>Show Col.</label>
                                <input type="text" class="form-control" id="SHWCOL" />
                                <input type="hidden" id="RPTNA" name="RPTNA" />
                            </div>
                        </div>
                        <fieldset class="scheduler-border">
                            <legend>Series </legend>
                            <div class="row" id="CLRS">
                                <div class="col-md-2">
                                    <label>S1</label>
                                    <input type="color" class="form-control" id="S1" value="#4DC8F5">
                                </div>
                                <div class="col-md-2">
                                    <label>S2</label>
                                    <input type="color" class="form-control" id="S2" value="#FFC300">
                                </div>
                                <div class="col-md-2">
                                    <label>S3</label>
                                    <input type="color" class="form-control" id="S3" value="#4C33A6">
                                </div>
                                <div class="col-md-2">
                                    <label>S4</label>
                                    <input type="color" class="form-control" id="S4" value="#C70039">
                                </div>
                                <div class="col-md-2">
                                    <label>S5</label>
                                    <input type="color" class="form-control" id="S5" value="#49A633">
                                </div>
                                <div class="col-md-2">
                                    <label>S6</label>
                                    <input type="color" class="form-control" id="S6" value="#000080">
                                </div>
                            </div>
                        </fieldset>

                    </div>
                    <div class="modal-footer">
                        <button type="button" id="SAVDSH" class="btn btn-default" data-dismiss="modal" onclick="SAVRPTGEN();">Save</button>
                    </div>
                </div>

            </div>
        </div>
		
    </form>
        
	<!--<img id="logo" src="../?OP=DWNFIL&FILEID=COMMAS&SECID=1&DOCID=0&IMGID=1" style="width:100px; height:100px; align-content:center;" onload="SAVLOGO()">-->

    <form id="SYSINFO">
        <input type="hidden" id="USRLOG" value="N" />
		<input type="hidden" id="AUTH" value="" />
        <input type="hidden" id="CUSER" value="" />
        <input type="hidden" id="USRNA" value="" />
        <input type="hidden" id="HRNO" value="" />
        <input type="hidden" id="CLNG" value='ENG' />
        <input type="hidden" id="FILEID" />
        <input type="hidden" id="SECID" />
        <input type="hidden" id="DOCID1" />
        <input type="hidden" id="CLNID" />
        <input type="hidden" id="CPAGE" value="" />
        <input type="hidden" id="IMGID" />
        <input type="hidden" id="THM" />
        <input type="hidden" id="GSTPLN" value="1" />
        <input type='file' id="ImpFile" accept=".xlsx,.xls" style="display: none;" />
        <svg id="l"></svg>		
    </form>
	<input type="hidden" id="APISRV" value='https://api2.mcbs-global.com' />
	<input type="hidden" id="LOGSRV" value='https://login.mcbs-global.com' />
	<input type="hidden" id="APIKEY" value="" />
    <script>
        
    </script>
</body>



</html>

