<!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>ROCK Restaurant 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-1.png">

    <link href="bootstrap-3.3.2-dist/css/filter.svg" rel="stylesheet" />
    <link id="theme" href="bootstrap-3.3.2-dist/css/default.css" rel="stylesheet" />
    <!-- <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" />
    
    <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>
    <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 SHOWPAGE(PAGE) {		
            LDPAGE(PAGE, $('#FLOW'));
			$('#SUBHDR').html('');	
            //not working
            // $('#SEARCHBARROCK').val("");
            // $('#SEARCHBARROCK').focus();
        }
        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");
            if (localStorage.LANG == "ARB") {
                $("body").css("font-size", "16px");
            }
            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 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 () {
            if($("#LNG").val()=="ENG")
            {
                $('#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");
              
            }
            else
            {
                $('#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("الخروج");
            }
        });
			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");					
				}
            }
			LDLANG();
			$('#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();
                }
            });
			$("#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");
                GETCAL();
            }
            $('#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";
            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";


			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] = "قسيمة مشتريات";


			}
            $('#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');
                // 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 () {
        var TopMenueValues =  $("#top-mnu .main-nav ul li ul li a").map(function() {
           let name= $(this).text(); 
           let id = $(this).attr('id');
           
        return {name,id};
        }).get();
        // console.log("Top Menu: ",TopMenueValues)
        return TopMenueValues;

      }

    // 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="container-fluid">
        <div class="row">
            <div class="left">
            <ul>
                <a href="#" onclick="QUCSETUP();">
                    <li class="item-menu">
                        <span class="fa fa-cogs"></span> 
                        <span class="menu" id="171"></span>
                    </li>
                    
                </a>  
                <a href="#" onclick="MNUSETUP();">
                    <li class="item-menu">
                        <span class="fa fa-columns"></span> 
                        <span class="menu" id="172"></span>
                    </li>
                    
                </a>  
                <a href="#" onclick="promotion();">
                    <li class="item-menu">
                        <span class="fa fa-percent"></span> 
                        <span class="menu" id="173"></span>
                    </li>
                    
                </a>  
                <a href="#" onclick="SHOWPAGE('USRMAS');">
                    <li class="item-menu">
                        <span class="fa fa-universal-access"></span> 
                        <span class="menu" id="174"></span>
                    </li>
                    
                </a>  
            </ul>
        </div> <!-- end left -->
        <div class="right">
            content
        </div>
        </div>
    </div>

    <div id="header">
        <nav class="navbar navbar-default navbar-fixed-top">        
            <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">


        <div id="top-mnu" class="navbar navbar-inverse navbar-static-top" style="margin-left: 40px;">
            <div class="Container-fluids">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-nav" style="background-color: transparent !important;">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse main-nav">
                    <ul class="nav navbar-nav">
                        <li>
                            <a href="#" id="23" class="dropdown-toggle" data-toggle="dropdown">Settings<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#" id="24" onclick="SHOWPAGE('COMPANY');">Corporation</a>
                                   
                                </li>
                                <li><a href="#" id="25" onclick="SHOWPAGE('CONGRP,CCODE=STR');">Branches</a>
                                </li>
                                <li><a href="#" id="97" onclick="SHOWPAGE('DLVZON');">Delivery Zone</a></li>
                                <li><a href="#" id="27" onclick="SHOWPAGE('ACCMAS');">Cashier</a></li>
                                <li><a href="#" id="136" onclick="SHOWPAGE('STRMAS');">Stores</a></li>
								<li><a href="#" id="143" onclick="SHOWPAGE('GSTCUS');">Customers</a></li>
                                <li><a href="#" id="26" onclick="SHOWPAGE('CONTACT,CCODE=W');">Sales Channels</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#" id="50" onclick="SHOWPAGE('OUTLET');">OutLets Master</a></li>
                                <li><a href="#" id="109" onclick="SHOWPAGE('CONGRP,CCODE=ITC');">Menu Builder</a></li>
                                <li><a href="#" id="244" onclick="SHOWPAGE('SIDDSH');">Side Dish</a></li>
                                <li><a href="#" id="51" onclick="SHOWPAGE('GSTITM');">Menu Items</a></li>
                                <li><a href="#" id="127" onclick="SHOWPAGE('DEFMAS');">Void List</a></li>
                                <!--<li><a href="#" id="102" onclick="SHOWPAGE('SALCHN');">Sales Channels</a></li>-->
                                <li role="separator" class="divider"></li>
                                <li><a href="#" id="128" onclick="SHOWPAGE('CONGRP,CCODE=ITM');">Inventory Groups</a></li>
                                <li><a href="#" id="92" onclick="SHOWPAGE('ITMINV');">Inventory Items</a></li>
                                <li><a href="#" id="93" onclick="SHOWPAGE('ITMRCP');">Recipe</a></li>
                                <li><a href="#" id="150" onclick="SHOWPAGE('GSTTYP');">Card Type</a></li>
                                <li><a href="#" id="151" onclick="SHOWPAGE('GSTCRD');">Card Master</a></li>
                                <li><a href="#" id="152" onclick="SHOWPAGE('GSTDIS');">Discounts</a></li>
                                <li><a href="#" id="250" onclick="SHOWPAGE('BNSPOL');">Gifts</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                         <li id="RESMNU">
                            <a href="#" id="52" class="dropdown-toggle" data-toggle="dropdown">Restaurant Management <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#" id="53" onclick="SHOWPAGE('ORDENT');">Order Entry (QS)</a></li>
                                <li><a href="#" id="110" onclick="SHOWPAGE('TBLORD');">Order Entry (TS)</a></li>
                                <li><a href="#" id="54" onclick="SHOWPAGE('DLVORD');">Delivery</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#" id="139" onclick="SHOWPAGE('GSTRES');">Reservation</a></li>
                                <li><a href="#" id="140" onclick="SHOWPAGE('GSTENT');">Check in</a></li>
                                <li><a href="#" id="141" onclick="SHOWPAGE('GSTCOM');">Commission</a></li>
								<li><a href="#" id="153" onclick="SHOWPAGE('GSTORD');">Guest Order</a></li>
                                <li><a href="#" id="154" onclick="SHOWPAGE('GSTCLS');">Card Close</a></li>
                                <li><a href="#" id="142" onclick="SHOWPAGE('GSTSRV');">Ticket Inquiry</a></li>
                                <li><a href="#" id="245" onclick="SHOWPAGE('VOUCHR');">Voucher</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#" id="111" onclick="SHOWPAGE('DLVOUT');">Dispatcher</a></li>
                                <li><a href="#" id="55" onclick="SHOWPAGE('KITCNT');">kitchen Control</a></li>
                                <li><a href="#" id="56" onclick="SHOWPAGE('HISCLS');">Shift Close</a></li>
                                <li><a href="#" id="57" onclick="SHOWPAGE('HISPRT');">Check Managment</a></li>
                                <li><a href="#" id="58" onclick="SHOWPAGE('HISANL');">Reporting</a></li>
                                <li><a href="#" id="108" onclick="SHOWPAGE('HISDSH');">Operation Summary</a></li>
                                <li><a href="#" id="138" onclick="SHOWPAGE('GSTDSH');">Dashboard</a></li>                                
                            </ul>
                        </li>
                         <li class="divider-vertical"></li>
                        <li id="HTLMAS">
                            <a href="#" id="33" class="dropdown-toggle" data-toggle="dropdown">Purchases<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
								<li><a href="#" id="129" onclick="SHOWPAGE('CONGRP,CCODE=S');">Suppliers Groups</a></li>	
								<li><a href="#" id="86" onclick="SHOWPAGE('CONTACT,CCODE=S');">Supplier</a></li>	
                                <li><a href="#" id="157" onclick="SHOWPAGE('POS,OPCODE=PRCREQ');">Purchase Request</a></li>
								<li><a href="#" id="148" onclick="SHOWPAGE('POS,OPCODE=PRCORD');">Purchase order</a></li>
                                <li><a href="#" id="149" onclick="SHOWPAGE('POSANL,OPCODE=PRCORD');">Purchase Order Inquiry</a></li>
                                <li><a href="#" id="87" onclick="SHOWPAGE('POS,OPCODE=PRCINV');">Purchase Invoice</a></li>
                                <li><a href="#" id="91" onclick="SHOWPAGE('POSANL,OPCODE=PRCINV');">Purchase Invoice Inquiry</a></li>
                                <li><a href="#" id="88" onclick="SHOWPAGE('POS,OPCODE=PRCRTN');">Purchase Return</a></li>
                                <li><a href="#" id="89" onclick="SHOWPAGE('CONACC,CCODE=S');">Supplier Account</a></li>
                                <li><a href="#" id="90" onclick="SHOWPAGE('CONADJ,CCODE=S');">Supplier Adjustment</a></li>								
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                        <li id="HTLMNU">
                            <a href="#" id="40" class="dropdown-toggle" data-toggle="dropdown">Inventory<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">								
                                <li><a href="#" id="101" onclick="SHOWPAGE('STRSET');">Inventory list</a></li>                              
				                <li><a href="#" id="130" onclick="SHOWPAGE('STKPOL');">Stock Policies</a></li>                              
                                <li><a href="#" id="100" onclick="SHOWPAGE('POS,OPCODE=STRIN2');">Supplier Addition</a></li>
								<li><a href="#" id="99" onclick="SHOWPAGE('POS,OPCODE=TRNORD');">Transfer Order</a></li>
                                <li><a href="#" id="82" onclick="SHOWPAGE('POS,OPCODE=STROU9');">Transfer Out</a></li>
                                <li><a href="#" id="81" onclick="SHOWPAGE('POS,OPCODE=STRIN9');">Transfer In</a></li>
                                <li><a href="#" id="98" onclick="SHOWPAGE('POS,OPCODE=SALREQ');">Goods Request</a></li>
                                <li><a href="#" id="80" onclick="SHOWPAGE('POS,OPCODE=STROUT');">Store Issue</a></li>
                                <li><a href="#" id="104" onclick="SHOWPAGE('POS,OPCODE=STRIN3');">Goods Receive</a></li>
								<li><a href="#" id="106" onclick="SHOWPAGE('POS,OPCODE=STROU4');">Wastage</a></li>
								<li><a href="#" id="124" onclick="SHOWPAGE('POS,OPCODE=STRROT');">Debt Adjustment</a></li>
								<li><a href="#" id="125" onclick="SHOWPAGE('POS,OPCODE=STRRTS');">Credit Adjustment</a></li>
                                <li><a href="#" id="146" onclick="SHOWPAGE('POS,OPCODE=STROUT');">Production Issue</a></li>
                                <li><a href="#" id="83" onclick="SHOWPAGE('ITMCRD');">Items Card</a></li>
                                <li><a href="#" id="84" onclick="SHOWPAGE('STRINQ');">Stores Inquiry</a></li>
								<li><a href="#" id="113" onclick="SHOWPAGE('POSANL,OPCODE=SALREQ');">Goods Request Inquiry</a></li>
								<li><a href="#" id="105" onclick="SHOWPAGE('POSANL,OPCODE=STRIN3');">Goods Receive Inquiry</a></li>
                                <li><a href="#" id="114" onclick="SHOWPAGE('POSANL,OPCODE=STROUT');">Stores Issue Inquiry</a></li>
                                <li><a href="#" id="115" onclick="SHOWPAGE('POSANL,OPCODE=STRIN2');">Store In Inquiry</a></li>
                                <li><a href="#" id="116" onclick="SHOWPAGE('POSANL,OPCODE=STRIN9');">Transfer In Inquiry</a></li>
                                <li><a href="#" id="117" onclick="SHOWPAGE('POSANL,OPCODE=STROU9');">Transfer Out Inquiry</a></li>
                                <li><a href="#" id="118" onclick="SHOWPAGE('POSANL,OPCODE=STROU2');">Raw Material Issue Inquiry</a></li>
								<li><a href="#" id="119" onclick="SHOWPAGE('POSANL,OPCODE=TRNORD');">Transfer Request Inquiry</a></li>
								<li><a href="#" id="107" onclick="SHOWPAGE('POSANL,OPCODE=STROU4');">Wastage Inquiry</a></li>
                                <li><a href="#" id="147" onclick="SHOWPAGE('POSANL,OPCODE=STRMAK');">Production Issue Inquiry</a></li>
                                <li><a href="#" id="155" onclick="SHOWPAGE('POSANL,OPCODE=STRROT');">Dept adjustment Inquiry</a></li>
                                <li><a href="#" id="156" onclick="SHOWPAGE('POSANL,OPCODE=STRRTS');">Credit adjustment Inquiry</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                        <li id="RESMAS">
                            <a href="#" id="49" class="dropdown-toggle" data-toggle="dropdown">Production<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
								<li><a href="#" id="126" onclick="SHOWPAGE('MRPBOM');">Bill Of Material</a></li>
								<li><a href="#" id="131" onclick="SHOWPAGE('PRDORD');">Work Order</a></li>
                                <li><a href="#" id="132" onclick="SHOWPAGE('PRDFLW,LINNO=1');">Processing</a></li>
                                <li><a href="#" id="133" onclick="SHOWPAGE('MRPQUL');">Quality</a></li>
								<li><a href="#" id="134" onclick="SHOWPAGE('PRDCLS,STGNO=1');">Close Order</a></li>
                                <li><a href="#" id="135" onclick="SHOWPAGE('PRDINQ');">Reporting</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                       
                        <!--                       
                        <li id="PRCMNU">
                            <a href="#" id="85" class=" dropdown-toggle" data-toggle="dropdown">Back Office <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">								
                           
                                <li>-----------------------------------</li>
						
								<li>-----------------------------------</li>
                                
                                
                            </ul>
                        </li>-->
                       
                        <li id="HC1MNU">
                            <a href="#" id="59" class=" dropdown-toggle" data-toggle="dropdown">Humen Resources <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#" id="29" onclick="SHOWPAGE('JOBMAS');">Job Setup</a></li>
                                <li><a href="#" id="30" onclick="SHOWPAGE('SALMAS');">Salary Components</a></li>
                                <li><a href="#" id="31" onclick="SHOWPAGE('SHFMAS');">Shift Setup</a></li>
								<li><a href="#" id="32" onclick="SHOWPAGE('ATTDVC');">Attendance Devices</a></li>
                                <li><a href="#" id="158" onclick="SHOWPAGE('INSMAS');">Insurance Offices</a></li>
                                <li><a href="#" id="161" onclick="SHOWPAGE('TRPRUL');">Trip Rules</a></li>
                                <li><a href="#" id="162" onclick="SHOWPAGE('PRMRUL');">permissions Rules</a></li>
                                <li><a href="#" id="163" onclick="SHOWPAGE('HLDMAS');">Leaves Setup</a></li>
                                <li><a href="#" id="164" onclick="SHOWPAGE('EMPEND');">Quit Reasons</a></li>
                                <li><a href="#" id="165" onclick="SHOWPAGE('SHFCNT');">Shift Management/a></li>
                                <li><a href="#" id="166" onclick="SHOWPAGE('SHFMAS');">Shift setup/a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#" id="159" onclick="SHOWPAGE('EMPPAP');">Employee Document</a></li>
                                <li><a href="#" id="28" onclick="SHOWPAGE('EMPMAS');">Employee Master Data</a></li>
                                <li><a href="#" id="60" onclick="SHOWPAGE('EMPSAL');">Employee Salarys</a></li>
                                <li><a href="#" id="61" onclick="SHOWPAGE('EMPDOC');">Variables</a></li>
								<li><a href="#" id="123" onclick="SHOWPAGE('EMPBRW');">Loans</a></li>
                                <li><a href="#" id="62" onclick="SHOWPAGE('EMPCLS');">Payroll Run</a></li>
                                <li><a href="#" id="63" onclick="SHOWPAGE('EMPACC');">Employee Accounts</a></li>
								<li><a href="#" id="121" onclick="SHOWPAGE('EMPPRM');">Trip & Permission</a></li>
								<li><a href="#" id="122" onclick="SHOWPAGE('EMPHLD');">Leaves</a></li>
                                <li><a href="#" id="64" onclick="SHOWPAGE('TIMREG');">Attendance Regiser</a></li>
                                <li><a href="#" id="65" onclick="SHOWPAGE('EMPTIM');">Attendence Sheet</a></li>
                                <li><a href="#" id="160" onclick="SHOWPAGE('ATTRUL');">Attendance Rules</a></li>
                                <li><a href="#" id="167" onclick="SHOWPAGE('SRVEND');">Employees End Of Service</a></li>
                                <li><a href="#" id="168" onclick="SHOWPAGE('TIMCLS');">Attendance Close</a></li>
                                <li><a href="#" id="169" onclick="SHOWPAGE('EMPANL');">Personal Inquiry</a></li>
                                <li><a href="#" id="170" onclick="SHOWPAGE('EMPACC');">Employee Account</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>


                        <li id="ACCMNU">
                            <a href="#" id="66" class=" dropdown-toggle" data-toggle="dropdown">Accounts<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#" id="120" onclick="SHOWPAGE('GLMAS,GLTYP=GL');">Chart Of Accounts</a></li>
                                <li><a href="#" id="67" onclick="SHOWPAGE('CONACC,CCODE=W');">Sales Channels Accounts</a></li>
                                <li><a href="#" id="144" onclick="SHOWPAGE('POS,OPCODE=SALINV');">Franchise Invoice</a></li>
								<li><a href="#" id="145" onclick="SHOWPAGE('CONACC,CCODE=D');">Franchise Accounts</a></li>
                                <li><a href="#" id="68" onclick="SHOWPAGE('ACCDOC');">Safes Transactions</a></li>
                                <li><a href="#" id="96" onclick="SHOWPAGE('ACCANL');">Safes Inquiry</a></li>
                                <li><a href="#" id="137" onclick="SHOWPAGE('GLANL');">Gl Inquiry</a></li>
                                <li><a href="#" id="112" onclick="SHOWPAGE('GLFIN');">Final Reports</a></li>
                                <li><a href="#" id="112" onclick="SHOWPAGE('TAXRCP');">E-Recipt</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                        <li>
                            <a href="#" id="69" class=" dropdown-toggle" data-toggle="dropdown">Security <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#" id="70" onclick="SHOWPAGE('USRGRP');">Users Groups</a></li>
                                <li><a href="#" id="71" onclick="SHOWPAGE('USRMAS');">Users Masters</a></li>
                                <li><a href="#" id="72" onclick="SHOWPAGE('APPSEC');">Manage User Authority</a></li>
                                <li><a href="#" id="" onclick="SHOWPAGE('CURACC');">My Account</a></li>
                                <li id="SYSMNU1"><a href="#" id="73" onclick="SHOWPAGE('SYSINF');">System Info</a></li>
                                <li id="SYSMNU2"><a href="#" id="74" onclick="SHOWPAGE('DBSET');">Query Data</a></li>
								<li id="SYSMNU3"><a href="#" id="74" onclick="SHOWPAGE('CHKEDT');">Check Data</a></li>
                                <li><a href="#" id="74" onclick="SHOWPAGE('RPTGEN');">Report Generator</a></li>
                            </ul>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <!-- Left column -->

    </div>
    <div class="container-fluid" style="margin-left: 40px;">
        <div class="row">

			

            <!-- /col-3 -->

            <div class="col-sm-12" 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">
                        <br>
                        <div id="tabHome" class="tab-pane fade in active ">
                            <!-- <fieldset class="fieldset">
                                <legend style="color: #999; font-size: 20px;">
                                    <span class=" fa fa-gear fa-2x"></span>
                                    <label id="221"></label>
                                </legend>
                            <div class="row">
                                <div class="col-md-3">
                                    <a class="btnBs5 btnBs5-outline-primary btnBs5xxl btn-block" href="#" onclick="QUCSETUP();">
                                <span class="fa fa-cogs fa-2x"></span>
                                <br><label id="171"></label>
                                 </a>
                                </div>
                                <div class="col-md-3">
                                        <a class="btnBs5 btnBs5-outline-primary btnBs5xxl btn-block" href="#" onclick="MNUSETUP();">
                                    <span class="fa fa-columns fa-2x"></span>
                                    <br><label id="172"></label>
                                      </a>
                                </div>
                                <div class="col-md-3">
                                    <a class="btnBs5 btnBs5-outline-primary btnBs5xxl btn-block" href="#" onclick="promotion();">
                                    <span class="fa fa-percent fa-2x"></span>
                                    <br><label id="173"></label>
                                     </a>
                                </div>
                                <div class="col-md-3">
                                        <a class="btnBs5 btnBs5-outline-primary btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('USRMAS');">
                                    <span class="fa fa-universal-access fa-2x"></span>
                                    <br><label id="174"></label>
                                     </a>
                                </div>
                            </div>
                            </fieldset> -->
                            <br>
                            <fieldset class="fieldset">
                                <legend style="color: #999; font-size: 20px;">
                                    <span class="fa fa-power-off fa-2x"></span>
                                    <label id="220"></label>
                                </legend>
                                <div class="row">
                                    <div class="col-md-4">
                                        <a class="btnBs5 btnBs5-outline-secondary btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('TBLORD');">
                                            <span class="fa fa-cutlery fa-2x"></span>
                                            <br><label id="175"></label>
                                        </a>                                   
                                    </div>
                                    <div class="col-md-4">
                                        <a class="btnBs5 btnBs5-outline-danger btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('ORDENT');">
                                            <span class="fa fa-burger fa-2x"></span>
                                            <br><label id="176"></label>
                                        </a>
                                    </div>
                                    <div class="col-md-4">
                                        <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" data-toggle="modal" data-target="#KDSModal">
                                            <span class="fa fa-television fa-2x"></span>
                                            <br><label id="217"></label>
                                        </a>
                                    </div>
                                </div>
                                <br>
                            <div class="row">
                                <div class="col-md-4">
                                    <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" data-toggle="modal" data-target="#ResModal">
                                        <span class="fa fa-street-view fa-2x"></span>
                                        <br><label id="183"></label>
                                    </a>
                                </div>
                               
                                <div class="col-md-4">
                                    <a class="btnBs5 btnBs5-outline-warning btnBs5xxl btn-block" href="#" data-toggle="modal" data-target="#callCenterModal">
                                        <span class="fa fa-phone fa-2x"></span>
                                        <br><label id="177"></label>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                    <a class="btnBs5 btnBs5-outline-info btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('HISCLS');">
                                        <span class="fa fa-hourglass-end fa-2x"></span>
                                        <br><label id="178"></label>
                                    </a>
                                </div>
                            </div>
                            
                            </fieldset>
                            <br>
                            <fieldset class="fieldset">
                                <legend style="color: #999; font-size: 20px;">
                                    <span class="fa fa-file-text fa-2x"></span>
                                    <label id="219"></label>
                                </legend>
                            <div class="row">
                                <div class="col-md-4">
                                     <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('HISDSH');">
                                    <span class="fa fa-sliders fa-2x"></span>
                                    <br><label id="180"></label>
                                 </a>
                                </div>
                                <div class="col-md-4">
                                    <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" onclick="SHOWPAGE('GSTDSH');">
                                    <span class="fa fa-bar-chart fa-2x"></span>
                                    <br><label id="181"></label>
                                    </a>
                                </div>
                                <div class="col-md-4">
                                     <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#"  onclick="inq();">
                                    <span class="fa fa-pie-chart fa-2x"></span>
                                    <br><label id="182"></label>
                                     </a>
                                </div>
                            </div>
                            </fieldset>
                            <br>
                        <fieldset class="fieldset">
                            <legend style="color: #999; font-size: 20px;">
                                <span class="fa-regular fa-circle-user fa-2x"></span>
                                <label  id="218" ></label>
                            </legend>
                        <div class="row">
                            <div class="col-md-3">
                                <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" data-toggle="modal" data-target="#HRModal">
                                    <span class="fa fa-circle-user fa-2x"></span>
                                    <br><label id="184"></label>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a class="btnBs5 btnBs5-outline-success btnBs5xxl btn-block" href="#" onclick="Taxs();">
                                    <span class="fa fa-handshake fa-2x"></span>
                                    <br><label id="179"></label>
                                </a>
                            </div>
                            <div class="col-md-3">
                                <a class="btnBs5 btnBs5-outline-green btnBs5xxl btn-block" href="#" onclick="Account();">
                                    <span class="fa fa-calculator fa-2x"></span>
                                    <br><label id="185"></label>
                                </a>
                             </div>
                              <div class="col-md-3">
                                <a class="btnBs5 btnBs5-outline-green btnBs5xxl btn-block" href="#" onclick="GL();">
                                    <span class="fa fa-line-chart fa-2x"></span>
                                    <br><label id="216"></label>
                                </a>
                            </div>
                        </div>
                     </fieldset>
                        <br>  
                        <fieldset class="fieldset">
                            <legend style="color: #999; font-size: 20px;">
                                
                                <span class="fa fa-usd fa-2x"></span>
                                <label  id="187" ></label>
                            </legend>

                            <div class="GridLayOut">
                                <a  class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" data-toggle="modal" data-target="#PurchaseModal">
                                    <span class="fa fa-cart-flatbed fa-2x" ></span>
                                    <br><label  id="188" ></label></a>
                                    <a  class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" data-toggle="modal" data-target="#InventoryModal">
                                    <span class="fa fa-warehouse fa-2x"></span>
                                    <br><label  id="189" ></label></a>
                                        
                                    <a  class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" data-target="#"onclick="pro();">
                                    <span class="fa fa-boxes fa-2x"></span>
                                    <br> <label  id="190" ></label></a>
                                    <a class="btnBs5 btnBs5-outline-dark btnBs5xxl" href="#" onclick="SHOWPAGE('ITMRCP');">
                                    <span class="fa-brands fa-readme fa-2x"></span>            
                                    <br><label  id="191" ></label></a>
                                                
                            </div>
                        </fieldset>
                        <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-warning 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-warning btnBs5xxl" href="#" onclick="SHOWPAGE('DLVOUT');">
                                            <span class="fa fa-motorcycle fa-2x"></span>
                                            <br><label  id="193" ></label></a>

                                            <a  class="btnBs5 btnBs5-outline-warning 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-success btnBs5xxl" href="#" onclick="SHOWPAGE('KITCNT');">
                                                    <span class="fa fa-television fa-2x"></span>
                                                    <br>
                                                    <label  id="243" ></label>
                                                </a>
                                                <a class="btnBs5 btnBs5-outline-success 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-success 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-success 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-success 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-success 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-success 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-success 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-success 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>

                        <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 id="footer" style="margin-left: -40px;">
            </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-18" />
                                            </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>
    </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.microsystems-eg.com' />
	<input type="hidden" id="LOGSRV" value='https://login.mcbs-global.com' />
	<input type="hidden" id="APIKEY" value="" />
    <script>
        
    </script>
</body>



</html>

