<!doctype html>
<html>
<head>

    <title>Retail Management System</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- CSS -->
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.12.0/datatables.min.css" />


    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  
    <link href="bootstrap-5.0.2-dist/css/custom.css" rel="stylesheet" />



    <!-- <link id="theme" href="bootstrap-5.0.2-dist/css/default.css" rel="stylesheet" /> -->
    <script src="https://kit.fontawesome.com/792d671112.js" crossorigin="anonymous"></script>
    <link href="bootstrap-5.0.2-dist/css/buttons.dataTables.min.css" rel="stylesheet" />
    <link href="bootstrap-5.0.2-dist/css/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-5.0.2-dist/css/jquery.dataTables.min.css" rel="stylesheet" />
    <link rel='stylesheet' href='bootstrap-5.0.2-dist/css/bootstrap.css' />
    <!-- JavaScript Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js"></script>
    <!-- data table buttons -->
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.colVis.min.js"></script>
    <!-- Auto Compelete -->
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



    <style>
        html {
            overflow-y: scroll !important;
        }

        Edit in JSFiddle
        Result
        HTML
        CSS
        JavaScript
        Resources
        /*
        *
        * ==========================================
        * CUSTOM UTIL CLASSES
        * ==========================================
        *
        */
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu > a:after {
            content: "\f0da";
            float: right;
            border: none;
            font-family: 'FontAwesome';
        }




        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 100px;
            margin-left: 1px;
        }



        @media (min-width: 991px) {
            .dropdown-menu {
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            }
        }
    </style>

    <!-- jQuery library -->
    <!--<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>-->
    <!--<script src="bootstrap-5.0.2-dist/js/jquery-1.12.4.min.js"></script>-->
    <!--<script src="bootstrap-5.0.2-dist/js/jquery.dataTables.min.js"></script>-->
    <!--<script src="js/jquery/jquery-ui.min.js"></script>-->
    <script src="src/Flow4.js"></script>
    <script src="js/jquery.keyboard.js"></script>
   
    <script src='bootstrap-5.0.2-dist/js/moment.min.js'></script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAYFlOymVaMa0q_vKyqKfeIJgRhrysKyvA"></script>
    <script src="bootstrap-5.0.2-dist/js/Chart.min.js"></script>

    <script src="bootstrap-5.0.2-dist/js/Chart.bundle.min.js"></script>



    <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>



    <script>

        $(function () {
            // ------------------------------------------------------- //
            // Multi Level dropdowns
            // ------------------------------------------------------ //
            $("ul.dropdown-menu [data-toggle='dropdown']").on("click", function (event) {
                event.preventDefault();
                event.stopPropagation();

                $(this).siblings().toggleClass("show");


                if (!$(this).next().hasClass('show')) {
                    $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
                }
                $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
                    $('.dropdown-submenu .show').removeClass("show");
                });
            });
        });


        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 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 () {
            console.log("ready");
            $('#loginModal').modal('show');

            if (localStorage.getItem("LANG") != null) {
                $('#LNG').val(localStorage.LANG);
                $("#CLNG").val($("#LNG").val());
                if (localStorage.LANG == "ARB") {
                    $("body").css("font-size", "16px");
                }
            }
            LDLANG();
            $('#SYSMNU1').hide();
            $('#SYSMNU2').hide();
            $('#SYSMNU3').hide();
            $('#RPTGEN').on('show.bs.modal', function (e) {
                var skillsSelect = document.getElementById("RPTNA");
                var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
                $("#RPTTIT").val(selectedText);

                $("#FRMRPTGEN [name=RPTNA]").val(skillsSelect.value);
                $('#DTL').html('');
                var SL1 = ReadForm($('#form1'));
                while (SL1.indexOf(String.fromCharCode(11)) > -1) {
                    SL1 = SL1.replace(String.fromCharCode(11), ";");
                }
                $('#OPT').val(SL1);
                var x = '';
                tab = document.getElementById('DTL'); // id of table
                if ($.fn.DataTable.isDataTable(tab)) {
                    var table = $('#DTL').DataTable();
                    var columns = $(tab).dataTable().dataTableSettings[0].aoColumns;
                    $.each(columns, function (i, v) {
                        //      alert('Column index '+i+' is ' +
                        //    (table.column(i).visible() === true ? 'visible' : 'not visible')
                        //);
                        if (table.column(i).visible() === true) {
                            if (x == '') {
                                x = '[' + i + ']'
                            }
                            else {
                                x += ',[' + i + ']'
                            }
                        }
                    });
                }
                $("#SHWCOL").val(x);
            });
            $("#ImpFile").change(function () {
                readImpFile(this);

            });
            $("#LNG").change(function () {
                $("#CLNG").val($("#LNG").val());
                LDLANG();
                return;
            });
            $("#loginModal").keydown(function (event) {
                if (event.keyCode == 13) {
                    CMDCHK();
                }
            });
            $("#AUTH").change(function () {
                if ($('#AUTH').val() == "0") {
                    $('#SYSMNU1').show();
                    $('#SYSMNU2').show();
                }
            });
            if (typeof (Storage) !== "undefined") {
                if (localStorage.USRID) {
                    $('#USRID').val(localStorage.USRID);
                    $('#PASS').val(localStorage.PASS);
                    $('#ACC').val(localStorage.ACCNO);
                    //alert("2 " + $('#CLNG').val())
                    $('#RMMBR').prop('checked', true);
                    CMDCHK();
                }
            }
			var frm = window.location.hash.substr(1);
			if(frm!="")
			{
				SHOWPAGE(frm);
			}
            $('#STR').hide();
            $('#GRP').hide();
            $('#DTLTMP').hide();
            $('#DTLTMP').empty();
            var events = [];
            var i = 0;
            if ($('#USRLOG').val() == "Y") {
                SHWDSH();
                GETFILE($('#IMG'), "FLOW", $('#CUSER').val(), "1", "1");
                GETFILE($('#HIMG'), "FLOW", $('#CUSER').val(), "1", "1");
                
            }
            $('#CLNTYP').change(function () {
                if ($('#CLNTYP').val() == 'G') {
                    $('#GRP').show();
                }
                else {
                    $('#GRP').hide();
                }
            });
        });
        function readImpFile(input) {
            if (input.files[0].size > 1000000) {
                alert("File Is too Large");
                return;
            }
            if (input.files && input.files[0]) {
                var FR = new FileReader();
                FR.onload = function (e) {
                    $('#IMPTXT').val(e.target.result);
                };
                FR.readAsText(input.files[0]);
            }
        };
        function send() {
            var SL;
            SL = "MSGSND,";
            SL += "USR=" + $('#USR').val() + String.fromCharCode(11);
            SL += "MSG=" + $('#TMSG').val() + String.fromCharCode(11);
            SL += String.fromCharCode(15);
            EXECMD($('#form1'), SL);
            $("#USR").val("");
            $("#TMSG").val("");
            return;
        }
        function LDMYSG() {
            var SL = "RPTNA=MYMSG" + String.fromCharCode(11)
            GENTBL(SL, $('#USRMSG'), $('#USRMSG'));
        }
        function CMDCHK() {
            var ACCNO = " ";
            if ($('#ACC').length) {
                if (ACC.value == '') { STS.textContent = 'Please Enter Your Account Number'; return; } else { ACCNO = ACC.value }
            }
            if (USRID.value == "") {
                STS.textContent = "Please Enter Your User ID";
                $('#USRID').focus();
                return;
            }
            if (PASS.value == "") {
                STS.textContent = "Please Enter Your Password";
                $('#PASS').focus();
                return;
            }
            if (typeof (Storage) !== "undefined") {
                localStorage.LANG = $('#LNG').val();
            }
            if (document.getElementById("RMMBR").checked) {
                if (typeof (Storage) !== "undefined") {
                    localStorage.USRID = $('#USRID').val();
                    localStorage.PASS = $('#PASS').val();
                    localStorage.ACCNO = $('#ACC').val();
                }
            }
            else {
                localStorage.USRID = "";
            }
            CHKUSR(ACCNO, USRID.value, PASS.value, LNG.value, SHWDSH);
            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] = "Items";
            AMNU[52] = "Restaurant Management";
            AMNU[53] = "Sales invoice";
            AMNU[54] = "E-invoice";
            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] = "Table Service";
            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] = "Service";
            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] = "Credit note";
            AMNU[151] = "Items";
            AMNU[152] = "Customers";
            AMNU[153] = "Shift close";
            AMNU[154] = "Debit Note";

            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] = "اشعار اضافة";
            }


            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('POSDSH', $('#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>

    <div id="header"></div>
    
    <!-- Main -->
    <div class="container-fluid" style="margin-top: 70px">


        <nav id="top-mnu" class="navbar navbar-expand-lg navbar-dark bg-dark">
            <div class="container-fluid">


                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="collapsibleNavbar">
                    <ul class="navbar-nav">

                        <li id="RESMNU" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('CONTACT;C');"><i class="fa fa-fw fa-address-card" aria-hidden="true"></i> <span id="152">Customers</span></a>

                        </li>

                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('ITMMAS');"> <i class="fas fa-sitemap"></i> <span id="151">Items</span></a>

                        </li>

                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('POS;SALINV');"><i class="fas fa-cash-register"></i> <span id="53">Sales</span></a>
                        </li>
                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('POS;SALRTN');"><i class="fas fa-minus-square"></i> <span id="150">Credit note </span></a>
                        </li>
                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('POS;SALIN1');"><i class="fas fa-plus-square"></i> <span id="154">Debit note </span></a>
                        </li>
                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('HISCLS');">  <i class="fas fa-door-closed"></i> <span id="153">Shift close</span> </a>
                        </li>

                        <li id="" class="nav-item ">
                            <a href="#" class="btn btn-dark" onclick="SHOWPAGE('TAXMAS');">  <i class="fa fa-fw fa-file-invoice"></i> <span id="54">E-invoice</span> </a>
                        </li>

                        <li class="divider-vertical"></li>




                        <li class="divider-vertical"></li>






                    </ul>
                </div>
            </div>
        </nav>
    </div>
 
    <div class="col-xs-12" id="FLW-COL">

        <div class="container-fluid" id="FLOW">

            <div id="DIV_DSHID" class="card">
                <div class="card-body">
                </div>


            </div>

            </div>

            <table id="DTLTMP"></table>


            <div class="clearfix visible-lg"></div>



        </div>
        <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-sm-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="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>
        <p></p>
        <div class="modal fade" id="MYMSG" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="H1"><span class="glyphicon glyphicon-remove"></span>System Alert</h5>

                    </div>
                    <div class="modal-body">
                        <h4 id="MSGTXT">Loading ... </h4>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-primary btn-block" data-bs-dismiss="modal" type="button">OK</button>

                    </div>
                </div>
            </div>
        </div>
        <div id="IMPFIL" class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">

                        <h5 class="modal-title" id="H2"><span class="glyphicon glyphicon-picture"></span>Import Data File</h5>
                    </div>
                    <div class="modal-body">
                        <form class="form col-sm-12 center-block">
                            <div class="form-group">
                                <div id="IMPFRM"></div>
                            </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>
            </div>
        </div>
    </div>




    <!-- /col-3 -->


    <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-md-4"></div>
                        <div class="col-md-4">
                            <img src="images/pleasewait.gif">
                        </div>
                        <div class="col-md-4"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="col-md-4">
                            <h4 id="MSG">Loading ... </h4>
                        </div>
                        <div class="col-md-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">×</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-sm-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="footer">

        <!--  <div id="login">-->
        <!-- </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">×</button>
                        <h4 class="modal-title"><i class=" glyphicon glyphicon-pencil"></i>Details</h4>

                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-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>
                                            <option>
                                            </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-info" id="Button5" onclick="SAVEVN()">Save</button>
                                    </div>
                                    <div class="btn-group" id="Div1">
                                        <br>
                                        <button type="button" class="btn btn-info" id="Button3" onclick="DELEVN()">Delete</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">

                                    <label>Date</label>
                                    <input type="text" class="form-control" id="CLNDT" readonly="">
                                    <div id="STR">
                                        <div class="form-group">
                                            <label>Started Date</label>
                                            <input type="text" class="form-control" id="STRDT" readonly="" value="2026-05-18" />
                                        </div>
                                    </div>
                                    <label>Start Time</label>
                                    <div class="input-group">
                                        <input type="time" class="form-control" id="STRTM"><span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-time"></i></span>
                                    </div>
                                    <label>End Time</label>
                                    <div class="input-group">
                                        <input type="time" class="form-control" id="ENDTM"><span class="input-group-addon" id="Span1"><i class="glyphicon glyphicon-time"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>



    </div>
    </div>
    <form id="FRMRPTGEN">
        <div class="modal fade" id="RPTGEN" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog modal-lg">


                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</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-sm-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-sm-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-sm-2">
                                    <label>S1</label>
                                    <input type="color" class="form-control" id="S1" value="#4DC8F5">
                                </div>
                                <div class="col-sm-2">
                                    <label>S2</label>
                                    <input type="color" class="form-control" id="S2" value="#FFC300">
                                </div>
                                <div class="col-sm-2">
                                    <label>S3</label>
                                    <input type="color" class="form-control" id="S3" value="#4C33A6">
                                </div>
                                <div class="col-sm-2">
                                    <label>S4</label>
                                    <input type="color" class="form-control" id="S4" value="#C70039">
                                </div>
                                <div class="col-sm-2">
                                    <label>S5</label>
                                    <input type="color" class="form-control" id="S5" value="#49A633">
                                </div>
                                <div class="col-sm-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-secondary" 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="text/plain" style="display: none;">
        <svg id="l"></svg>
    </form>





</body>
</html>