<!DOCTYPE html>

<html>
<head>
    <title>Easy Park|Parking Management Solution</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="http://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="js/jquery-1.7.1.min.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-1.12.4.min.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/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 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='bootstrap-3.3.2-dist/js/jquery.thooClock.js'></script>
	<script src="js/jquery.keyboard.js"></script>
	<script src="js/require-2.3.3.min.js"></script>
	<script src="js/sea-3.0.1.min.js"></script>
	<script src="../src/codebase/encryption/AES.js"></script>
	<script src="../src/codebase/encryption/cryptico.min.js"></script>	
	<script src="https://cdn.jsdelivr.net/npm/biri/dist/biri.min.js"></script>
	<script>
		var uniqueId = biri(); // the returned ID will be unique per computer
		console.log(uniqueId);
	</script>


	<!--<script id="videonode" src="../src/codebase/webVideoCtrl.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>-->
	
    <script>
        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-e.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");		
			console.log(uniqueId);
			$("#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();
            $('#HC1MNU').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;
            });
            $("#login").keydown(function (event) {
                if (event.keyCode == 13) {
                    CMDCHK();
                }
            });
			$("#AUTH").change(function () {		
				if($('#AUTH').val()=="0")
				{									
					$('#SYSMNU1').show();
					$('#SYSMNU2').show();
				}
			});
            if (typeof (Storage) !== "undefined") {
                if (localStorage.USRID) {
                    $('#USRID').val(localStorage.USRID);
                    $('#PASS').val(localStorage.PASS);
                    $('#ACC').val(localStorage.ACCNO);
                    //alert("2 " + $('#CLNG').val())
                    $('#RMMBR').prop('checked', true);
                    CMDCHK();
                }
            }            
            $('#STR').hide();
            $('#GRP').hide();
            $('#DTLTMP').hide();
            $('#DTLTMP').empty();
            var events = [];
            var i = 0;
            if ($('#USRLOG').val() == "Y") {
				var SL = "SELECT DSHID,DSHNA FROM DSHMAS ORDER BY DSHID";
				FillCombo($("#DSHID"), SL);
				GETFILE($('#IMG'), "FLOW", $('#CUSER').val(), "1", "1");
				GETFILE($('#HIMG'), "FLOW", $('#CUSER').val(), "1", "1");
                GETCAL();
            }
            $('#CLNTYP').change(function () {
                if ($('#CLNTYP').val() == 'G') {
                    $('#GRP').show();
                }
                else {
                    $('#GRP').hide();
                }
            });			
        });
		
        function readImpFile(input) {
            if (input.files[0].size > 1000000) {
                alert("File Is too Large");
                return;
            }
            if (input.files && input.files[0]) {
                var FR = new FileReader();
                FR.onload = function (e) {
                    $('#IMPTXT').val(e.target.result);
                };
                FR.readAsText(input.files[0]);
            }
        };
        function send() {
            var SL;
            SL = "MSGSND,";
            SL += "USR=" + $('#USR').val() + String.fromCharCode(11);
            SL += "MSG=" + $('#TMSG').val() + String.fromCharCode(11);
            SL += String.fromCharCode(15);
            EXECMD($('#form1'), SL);
            $("#USR").val("");
            $("#TMSG").val("");
            return;
        }
        function LDMYSG() {
            var SL = "RPTNA=MYMSG" + String.fromCharCode(11)
            GENTBL(SL, $('#USRMSG'), $('#USRMSG'));
        }
        function CMDCHK() {
            var ACCNO = " ";
            if ($('#ACC').length) {
                if ($('#ACC').val() == '') { STS.textContent = 'Please Enter Your Account Number'; return; } else { ACCNO = $('#ACC').val()}
            }
            if ($('#USRID').val() == "") {
                STS.textContent = "Please Enter Your User ID";
                $('#USRID').focus();
                return;
            }
            if ($('#PASS').val() == "") {
                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').val(), $('#PASS').val(), $('#LNG').val(), 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] = "Card setup";
            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] = "Parking management"
            AMNU[53] = "Reporting";
            AMNU[54] = "Subscriptions";
            AMNU[55] = "Cars entery";            
            AMNU[56] = "Cars exit";
			AMNU[57] = "Finance";
            AMNU[58] = "Garage Monitoring";
            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] = "Cost Control";
            AMNU[92] = "Inventory Items";
            AMNU[93] = "Recipe";
            AMNU[94] = "Direct Reservation";
            AMNU[95] = "Check Out";
            AMNU[96] = "Safes Inquiry";
            AMNU[97] = "Garage Setup ";
            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] = "Penalty";
			AMNU[128] = "Hourly Rates";
			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] = "Gate Setup";
            AMNU[137] = "Gl Inquiry";
			AMNU[138] = "Dashboard";
			AMNU[139] = "Types Of Subscriptions";
			AMNU[140] = "Shift Close";
            AMNU[200] = "Ticket System";
            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] = "Dashboard";
				AMNU[139] = "أنواع الاشتراكات";
				AMNU[140] = "أغلاق الورديه";
                AMNU[200] = "نظام التذاكر";
            }
            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>

    <div id="header"></div>

    <!-- Main -->
    <div class="container-fluid" style="margin-top: 55px">


        <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;STR');">Branches</a></li>
                                <li><a href="#" id="97" onclick="SHOWPAGE('GRGMAS');">Garage setup </a></li>
                                <li><a href="#" id="128" onclick="SHOWPAGE('GRGHUR');">Garage Hourly Rates </a></li>
                                <li><a href="#" id="27" onclick="SHOWPAGE('ACCMAS');">Cashier</a></li>
                                <li><a href="#" id="136" onclick="SHOWPAGE('GATMAS');">Gate setup</a></li>
								<li><a href="#" id="139" onclick="SHOWPAGE('CRDTYP');">Types Of Subscriptions</a></li>
                                <li><a href="#" id="26" onclick="SHOWPAGE('CRDMAS');">Card setup</a></li>
                              
                      
                                <li><a href="#" id="127" onclick="SHOWPAGE('PNLMAS');">Penalty</a></li>
                               
                            


                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                         <li id="RESMNU">
                            <a href="#" id="52" class="dropdown-toggle" data-toggle="dropdown">Parking management <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">                               
                                <li><a href="#" id="55" onclick="SHOWPAGE('GRGIN');">Cars entery</a></li>
                                <li><a href="#" id="56" onclick="SHOWPAGE('GRGOUT');">Cars exit</a></li>
                                <li><a href="#" id="200" onclick="SHOWPAGE('GRGCAT');">Ticket System</a></li>
								<li><a href="#" id="58" onclick="SHOWPAGE('GRGMON');">Garage Monitoring</a></li>
								<li><a href="#" id="54" onclick="SHOWPAGE('GRGSUB');">Subscriptions</a></li>
                                <li><a href="#" id="A1" onclick="SHOWPAGE('GRGCLS');">Shift Close</a></li>
								<li><a href="#" id="53" onclick="SHOWPAGE('GRGINQ');">Reporting</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;S');">Suppliers Groups</a></li>	
								<li><a href="#" id="86" onclick="SHOWPAGE('CONTACT;S');">Supplier</a></li>	
                               
                                <li><a href="#" id="87" onclick="SHOWPAGE('POS;PRCINV');">Purchase Invoice</a></li>
                                <li><a href="#" id="88" onclick="SHOWPAGE('POS;PRCRTN');">Purchase Return</a></li>
                                <li><a href="#" id="89" onclick="SHOWPAGE('CONACC;S');">Supplier Account</a></li>
                                <li><a href="#" id="90" onclick="SHOWPAGE('CONADJ;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="98" onclick="SHOWPAGE('POS;SALREQ');">Goods Request</a></li>
								<li><a href="#" id="104" onclick="SHOWPAGE('POS;STRIN3');">Goods Receive</a></li>
								<li><a href="#" id="99" onclick="SHOWPAGE('POS;TRNORD');">Transfer Order</a></li>
                                <li><a href="#" id="80" onclick="SHOWPAGE('POS;STROUT');">Store Issue</a></li>
								<li><a href="#" id="100" onclick="SHOWPAGE('POS;STRIN2');">Supplier Addition</a></li>
                                <li><a href="#" id="81" onclick="SHOWPAGE('POS;STRIN9');">Transfer In</a></li>
                                <li><a href="#" id="82" onclick="SHOWPAGE('POS;STROU9');">Transfer Out</a></li>
								<li><a href="#" id="106" onclick="SHOWPAGE('POS;STROU4');">Wastage</a></li>
								<li><a href="#" id="124" onclick="SHOWPAGE('POS;STRROT');">Debt Adjustment</a></li>
								<li><a href="#" id="125" onclick="SHOWPAGE('POS;STRRTS');">Credit Adjustment</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;SALREQ');">Goods Request Inquiry</a></li>
								<li><a href="#" id="105" onclick="SHOWPAGE('POSANL;STRIN3');">Goods Receive Inquiry</a></li>
                                <li><a href="#" id="114" onclick="SHOWPAGE('POSANL;STROUT');">Stores Issue Inquiry</a></li>
                                <li><a href="#" id="115" onclick="SHOWPAGE('POSANL;STRIN2');">Store In Inquiry</a></li>
                                <li><a href="#" id="116" onclick="SHOWPAGE('POSANL;STRIN9');">Transfer In Inquiry</a></li>
                                <li><a href="#" id="117" onclick="SHOWPAGE('POSANL;STROU9');">Transfer Out Inquiry</a></li>
                                <li><a href="#" id="118" onclick="SHOWPAGE('POSANL;STROU2');">Raw Material Issue Inquiry</a></li>
								<li><a href="#" id="119" onclick="SHOWPAGE('POSANL;TRNORD');">Transfer Request Inquiry</a></li>
								<li><a href="#" id="107" onclick="SHOWPAGE('POSANL;STROU4');">Wastage 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;1');">Processing</a></li>
                                <li><a href="#" id="133" onclick="SHOWPAGE('MRPQUL');">Quality</a></li>
								<li><a href="#" id="134" onclick="SHOWPAGE('PRDCLS;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">Human 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;GL');">Chart Of Accounts</a></li>
                                <!--<li><a href="#" id="67" onclick="SHOWPAGE('CONACC;W');">Sales Channels Accounts</a></li>
                                <li><a href="#" id="" onclick="SHOWPAGE('POS;SALINV');">Franchise Invoice</a></li>
								<li><a href="#" id="" onclick="SHOWPAGE('CONACC;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>
                            </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;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 id="SYSMNU1"><a href="#" id="73" onclick="SHOWPAGE('SYSINF');">System Info</a></li>
                                <li id="SYSMNU2"><a href="#" id="74" onclick="SHOWPAGE('DBSET');">Query Data</a></li>
								<li id="SYSMNU3"><a href="#" id="74" onclick="SHOWPAGE('CHKEDT');">Check Data</a></li>
                                <li><a href="#" id="74" onclick="SHOWPAGE('RPTGEN');">Report Generator</a></li>
                            </ul>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
        <!-- Left column -->

    </div>
    <div class="container-fluid" style="margin-top:-5px">
        <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-info">
                                        <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-info" onclick="LDMYSG();"><strong><i class="glyphicon glyphicon-envelope"></i>Message</strong></a>
                                        <a href="#" class="btn btn-info" 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">
                        <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">
                                        
                                    </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="ARB">Arabic</option>
											<option value="ENG">English</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-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-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-15" />
                                            </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="APISRV" value='https://api.mcbs-global.com' />
	<input type="hidden" id="LOGSRV" value='https://login.mcbs-global.com' />
	<input type="hidden" id="APIKEY" 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>

