<!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 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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <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="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/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" />



    <!-- JavaScript -->
    <script src="bootstrap-3.3.2-dist/js/jquery-1.12.4.min.js"></script>
    <script src="bootstrap-3.3.2-dist/js/crypto.js"></script>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/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/JsBarcode.all.min.js"></script>
    <!-- Firebase -->
    <script src="js/firebase-app.js"></script>
    <script src="js/firebase-messaging.js"></script>
    <!-- Firebase -->
    <!--<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/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/xlsx.full.min.js"></script>

    <script src="js/jquery.keyboard.js"></script>
    <script src="js/jquery.inputmask.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>-->

    <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/leaflet-v1-7-1.js"></script>
    <script src="bootstrap-3.3.2-dist/js/leaflet-routing-machine.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> -->
    <!-- <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> -->
    <!-- <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> -->
    <!-- <script src="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.css" /> -->

    <script>

        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) => { // Each column
                    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
        }
        function SelectFile() {
            $('#ImpFile').val('');
            $('#ImpFile').trigger('click');
        }
        function GETTEMPLATE() {
            var $idown;  // Keep it outside of the function, so it's initialized once.        
            var SL = "https://www.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 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'));
        }
        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');
        }
        $("#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);
        };
        $(document).ready(function () {
            // Disable right-click context menu
        /*     $(document).bind("contextmenu", function (e) {
                e.preventDefault();
            });
            
            // Block developer tools keyboard shortcuts
            $(document).keydown(function (e) {
                // F12 - Developer Tools
                if (e.keyCode == 123) {
                    e.preventDefault();
                    return false;
                }
                
                // Ctrl+Shift+I - Developer Tools
                if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                    e.preventDefault();
                    return false;
                }
                
                // Ctrl+Shift+J - Console
                if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                    e.preventDefault();
                    return false;
                }
                
                // Ctrl+Shift+C - Inspect Element
                if (e.ctrlKey && e.shiftKey && e.keyCode == 67) {
                    e.preventDefault();
                    return false;
                }
                
                // Ctrl+U - View Source
                if (e.ctrlKey && e.keyCode == 85) {
                    e.preventDefault();
                    return false;
                }
            }); */
            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);

            });
            $('#IMPFIL').on('hidden.bs.modal', function () {
                $("#IMPROW").text("");
                $("#IMPROW").hide();
                $("#convertedExcell").empty();
                $('#IMPTXT').val("");
                $("#convertedExcell").css({ "height": "auto" });
            });
            $("#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);
                    //console.log(excellObj[0]["date"]);
                }
                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);
                    $('#ACC').val(localStorage.ACCNO);
                    var bytes = CryptoJS.AES.decrypt(localStorage.PASS, `${$('#USRID').val() + $('#ACC').val()}`);
                    var plaintext = bytes.toString(CryptoJS.enc.Utf8);
                    $('#PASS').val(plaintext);                    
                    //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();
                    var ciphertext = CryptoJS.AES.encrypt($('#PASS').val(), `${$('#USRID').val() + $('#ACC').val()}`);
                    localStorage.PASS = ciphertext.toString();
                    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 LDLANG() {
            $('#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;
            }
            var AMNU = [];
            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] = "Final Reports";
            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 & Permition";
            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] = "Processing";
            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] = "Discrete Order";
            AMNU[159] = "Journal Entry";
            AMNU[160] = "E-Recipt";
            AMNU[245] = "Voucher";
            AMNU[190] = "Guest Master";
            AMNU[191] = "Convert Receipts to Invoices";
            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[245] = "قسيمة مشتريات";
                AMNU[190] = "بيانات الضايفة";
                AMNU[191] = "تحويل الايصالات الي فواتير";
            }
            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;
                }
            }
        }
        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');
        };


    </script>
</head>

<body>
    <script>
        var firebaseConfig = {
            apiKey: "AIzaSyAtB7v-iBgJRxJiwiBTjAe-9xubD2zTen8",
            authDomain: "ayaa-d1bbd.firebaseapp.com",
            projectId: "ayaa-d1bbd",
            storageBucket: "ayaa-d1bbd.firebasestorage.app",
            messagingSenderId: "150299531812",
            appId: "1:150299531812:web:52fbca00da5cf3493bd6b1"
        };
        firebase.initializeApp(firebaseConfig);
        const messaging = firebase.messaging();

        function IntitalizeFireBaseMessaging() {
            messaging
                .requestPermission()
                .then(function () {
                    console.log("Notification Permission");
                    return messaging.getToken();
                })
                .then(function (token) {
                    console.log("Token : " + token);
                    $('#token').val(token);
                })
                .catch(function (reason) {
                    console.log(reason);
                });
        }

        messaging.onMessage(function (payload) {
            console.log(payload);
            const notificationOption = {
                body: payload.notification.body,
                icon: payload.notification.icon
            };

            if (Notification.permission === "granted") {
                var notification = new Notification(payload.notification.title, notificationOption);

                notification.onclick = function (ev) {
                    ev.preventDefault();
                    window.open(payload.notification.click_action, '_blank');
                    notification.close();
                }
            }

        });
        messaging.onTokenRefresh(function () {
            messaging.getToken()
                .then(function (newtoken) {
                    console.log("New Token : " + newtoken);
                })
                .catch(function (reason) {
                    console.log(reason);
                })
        })
        IntitalizeFireBaseMessaging();
    </script>
    <input type="hidden" id="token" value="" />

    <div id="header"></div>

    <!-- Main -->
    <div class="container-fluid" style="margin-top: 60px">


        <div id="top-mnu" class="navbar navbar-inverse navbar-static-top">
            <div class="Container-fluids">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-nav">
                        <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('CONTACT,CCODE=C');">Customers</a></li>
                                <li><a href="#" id="26" onclick="SHOWPAGE('CONTACT,CCODE=W');">Sales Channels</a></li>
                                <li><a href="#" id="190" onclick="SHOWPAGE('GSTMAS');">Guest Master</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="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>
                            </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="158" onclick="SHOWPAGE('PRDDIS');">Discrete Order</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 role="separator" class="divider"></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 & Permition</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>
                            </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="159" onclick="SHOWPAGE('GLDOC');">Journal Entry</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="191" onclick="SHOWPAGE('GSTINV');">Convert Receipts to Invoices</a></li>
                                <li><a href="#" id="160" 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('CONGRP,CCODE=USR');">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">
        <div class="row">



            <!-- /col-3 -->

            <div class="col-sm-12" id="FLW-COL">
                <div class="container-fluid" id="FLOW">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab1"><i class="fa fa-calendar"
                                    style="font-size: 36px"></i> Calendar</a></li>
                        <li><a onclick="SHWDSH();" href="#DIV_DSHID" data-toggle="tab"><i class="fa fa-dashboard"
                                    style="font-size: 36px"></i> Dashboard</a></li>
                        <li><a data-toggle="tab" href="#massages"><i class="fa fa-envelope-o"
                                    style="font-size: 36px"></i> Messages (<b id="MC">0</b>)</a></li>


                    </ul>
                    <div class="tab-content">
                        <div id="tab1" class="tab-pane fade in active">
                            <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">

                                            <!-- 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>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">
            </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="IMPDTA">
                <div id="IMPFIL" 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="Button2" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="H2"><span class="glyphicon glyphicon-picture"></span>Import Data File</h4>
                            </div>
                            <div class="modal-body">
                                <form class="form col-md-12 center-block">
                                    <div class="form-group">
                                        <div id="IMPFRM"></div>
                                    </div>
                                    <div class="form-group">
                                    </div>
                                    <div class="form-group">
                                    </div>
                                    <div class="form-group">
                                    </div>
                                    <div class="form-group">
                                        <label id="Label1">Select File To Upload</label>
                                        <button class="btn btn-primary btn-block" onclick="$('#ImpFile').trigger('click');" type="button">Select File</button>
                                        <button class="btn btn-primary btn-block" onclick="IMPDTA();" type="button">UpLoad</button>
                                    </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>
                            <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-04-03" />
                                            </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://api.mcbs-global.com' />
    <input type="hidden" id="LOGSRV" value='https://login.mcbs-global.com' />
    <input type="hidden" id="APIKEY" value="" />
</body>



</html>