<%@ master language="C#" autoeventwireup="true" inherits="TimeCheck, App_Web_oi3e4x4a" %>

<!DOCTYPE html>
<html runat="server" id="MasHtml" dir="ltr">
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>TimeCheck</title>
    <link rel="shortcut icon" href="../Images/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="../Images/favicon.ico" type="image/x-icon" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
        name="viewport">
    <script type="text/javascript" src="../plugins/slimScroll/Scroll-jquery.min.js"></script>
    <link id="stylebootstrap" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylefontawesome" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylebuild" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylejvectormap" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleAdminLTE" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleallskins" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylecustom" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylefonts" rel="stylesheet" runat="server" type="text/css" />
    <link id="styledatepicker3" rel="stylesheet" runat="server" type="text/css" />
    <link id="styledaterangepicker" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleProgressBar" rel="stylesheet" runat="server" type="text/css" />
    <link href="../dist/css/animate.css" rel="stylesheet" type="text/css" />
    <link id="styleselect2" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleAutocomp" rel="stylesheet" runat="server" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../bootstrap/font-awesome/css/Font-animation.css" />
    <script type="text/javascript">
        function selectmenu(name, T) {
            var i = 0;
            if (T == 1) {
                $(".sidebar-menu ul li a").each(function (index) {
                    if ($(this).text().trim() == name) {
                        $(this).parent().parent().parents('li').find('a')[0].click();
                        $(this).parent().parent().parent().find('a')[0].click();
                    }
                });
            }
            else {
                $(".sidebar-menu ul li ul li a").each(function (index) {
                    if ($(this).text().trim() == name) {
                        $(this).parent().parent().parent().parents('li').find('a')[0].click();
                        $(this).parent().parent().parent().parent().find('a')[0].click();
                    }
                });
            }
        }
        function log_out() {
        }
    </script>
</head>
<body class="skin-blue sidebar-mini" oncontextmenu="return false">
    <div class="wrapper">
        <header class="main-header">
            <!-- Logo -->
            <a href="http://www.timechecksoftware.com" class="logo" target="_blank">
                <span class="logo-mini" style="margin-top: 5px">
                    <img src="<%= ResolveClientUrl( "~/dist/img/logo-mini.jpg" ) %>" />
                </span>
                <span class="logo-lg" style="margin-top: 5px">
                    <img src="<%= ResolveClientUrl( "~/dist/img/logo.jpg" ) %>"></span>
            </a>
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
                <span class="logo-lg" style="margin-top: 5px">
                    <img id="IMG1" class="BrandLogo" style="width: 100px; height: 45px; margin-top: 10px" runat="server" /></span>
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <li class="dropdown notifications-menu" id="listNews" runat="server" style="display: none">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                <i class="fa fa-newspaper-o faa-ring animated-hover" style="font-size: 20px"></i>
                                <asp:Label ID="lblNoofNews" runat="server" Text="0" class="label label-warning"></asp:Label>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">
                                    <asp:Label ID="lblNoofNewsDetails" runat="server" Text="You have 0 News"></asp:Label></li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; max-height: 200px;">
                                        <ul class="menu" style="overflow: hidden; width: 100%; max-height: 200px;" runat="server" id="NewsMenu">
                                        </ul>
                                        <div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 3px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 195.122px;"></div>
                                        <div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.2; z-index: 90; right: 1px;"></div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown notifications-menu" id="notification" runat="server" style="display: none">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                <i class="fa fa-bell-o faa-ring animated-hover" style="font-size: 20px"></i>
                                <asp:Label ID="Notcount" runat="server" Text="0" class="label label-warning"></asp:Label>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">
                                    <asp:Label ID="NotCount2" runat="server" Text="You have 0 notifications"></asp:Label></li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; max-height: 200px;">
                                        <ul class="menu" style="overflow: hidden; width: 100%; max-height: 200px;" runat="server" id="NotMenu">
                                        </ul>
                                        <div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 3px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 195.122px;"></div>
                                        <div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.2; z-index: 90; right: 1px;"></div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <%--<img src="<%= ResolveClientUrl( "~/dist/img/user2-160x160.jpg" ) %>" class="user-image" alt="User Image" />--%>
                                <img src="<%=Session["UserImageURL"] %>" class="user-image" alt="User Image" />
                                <asp:Label ID="lbl_User2" runat="server" class="hidden-xs"></asp:Label>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="user-header">
                                    <img src="<%=Session["UserImageURL"] %>" class="img-circle" alt="User Image">
                                    <div class="row">
                                        <div class="col-md-12 pull-right">
                                            <asp:Label ID="lbl_user" runat="server"></asp:Label>
                                            <asp:Label ID="lblID" Text="-" runat="server"></asp:Label>
                                            <asp:Label ID="lblEmployeeID" runat="server"></asp:Label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <asp:Label Font-Size="15px" Font-Bold="true" Style="font-weight: normal" ID="lblYear" Text="" runat="server"></asp:Label>
                                            <asp:Label Font-Size="15px" Font-Bold="true" Style="font-weight: normal" ID="lblYearData" runat="server"></asp:Label>
                                        </div>
                                    </div>
                                </li>
                                <li class="user-footer">
                                    <div class="pull-left" id="divMyprofile" runat="server">
                                        <a id="MyProfile" runat="server" onserverclick="MyProfile_ServerClick" class="btn btn-default btn-flat">&nbsp;My Profile </a>
                                    </div>
                                    <div class="pull-right">
                                        <a id="A1" class="btn btn-default btn-flat fa-sign-out" onclick="return log_out();" onserverclick="lbtn_logout_Click" runat="server">&nbsp;Sign out</a>
                                    </div>
                                </li>
                                
                            </ul>
                        </li>
                        <li class="alr-logo">
                            <img id="IMG2" runat="server" style="width: 120px; height: 40px;" /></li>
                    </ul>
                </div>
            </nav>
        </header>
        <aside class="main-sidebar">
            <section class="sidebar">
                <ul class="sidebar-menu" id="MainMenu" runat="server">
                </ul>
                <br />
                <br />
                <div class="row" style="display: none">
                    <div class="col-md-12">
                        <asp:Literal ID="litLeftNews" runat="server"></asp:Literal>
                    </div>
                </div>
                <div class="row" style="display: none">
                    <div class="col-md-12">
                        <asp:Literal ID="litRightNews" runat="server"></asp:Literal>
                    </div>
                </div>
            </section>
        </aside>
        <div class="content-wrapper" style="height: auto">
            <form id="form1" runat="server">
                <div id="myModalForNewsAndEvent" class="modal modal-default fade" role="dialog">
                    <div class="modal-dialog" style="min-width: 40%;">
                        <!-- Modal content-->
                        <div class="modal-content" style="margin-top: 50px">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" style="border-radius: 50px;" onclick="return ajaxCloseNews();">
                                    &times;</button>
                                <h4 class="modal-title" style="padding-bottom: 10px">
                                    <asp:Label ID="lbl_OT_Comp" runat="server" Text="News & Events"></asp:Label></h4>
                            </div>
                            <div class="modal-body" style="padding-top: 0px">
                                <div id="divNew">
                                </div>
                                <%--<asp:Label ID="lblNewContent" runat="server"></asp:Label>--%>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-primary pull-right" data-dismiss="modal" onclick="return ajaxCloseNews();">
                                    Skip</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="passport_visaExpiry" class="modal modal-default fade" role="dialog">
                    <div class="modal-dialog" style="min-width: 40%;">
                        <!-- Modal content-->
                        <div class="modal-content" style="margin-top: 50px">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" style="border-radius: 50px;" onclick="return ajaxCloseNews();">
                                    &times;</button>
                                <h4 class="modal-title" style="padding-bottom: 10px; text-align: center">
                                    <asp:Label ID="Label1" runat="server" CssClass="fa fa-bell-o" Text="&nbsp;&nbsp;Reminder"></asp:Label></h4>
                            </div>
                            <div class="modal-body" style="padding-top: 0px">
                                <iframe id="ifrmepassportvisa" runat="server" scrolling="auto" style="border-style: none; margin-top: 0px; display: none; height: 136px; width: 100%"></iframe>
                            </div>
                        </div>
                    </div>
                </div>


                <asp:ScriptManager ID="scMaster" runat="server" AsyncPostBackTimeout="300">
                </asp:ScriptManager>
                <div class="src-borderLeft">
                    <asp:ContentPlaceHolder ID="BodyContentPH" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
                <div visible="false">
                    <span class="inne-year">
                        <asp:Label ID="lbl_Login" Visible="false" runat="server" Style="float: left; overflow-y: auto; overflow-x: auto; word-break: break-all; word-wrap: break-word; cursor: pointer; display: inline-block;"></asp:Label>
                    </span>
                        <asp:LinkButton ID="lbtn_logout" ToolTip="Logout" CausesValidation="false" runat="server"
                            OnClick="lbtn_logout_Click" Visible="false"></asp:LinkButton>
                </div>
            </form>
        </div>
        <footer class="main-footer src-borderLeftFooter">
            Copyright ©
            <script>document.write(new Date().getFullYear())</script>
            <a href="http://www.angleritech.com" target="_blank">ANGLER Technologies</a>
        </footer>
    </div>
    <script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
    <script src="../plugins/jquery-ui.min.js" type="text/javascript"></script>
    <%--<script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>--%>
    <script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../plugins/raphael-min.js" type="text/javascript"></script>
    <script src="../plugins/morris/morris.min.js" type="text/javascript"></script>
    <script src="../plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
    <script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
    <script src="../plugins/knob/jquery.knob.js" type="text/javascript"></script>
    <script src="../plugins/moment.min.js" type="text/javascript"></script>
    <script src="../plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <script src="../plugins/daterangepicker/moment.js" type="text/javascript"></script>
    <script src="../plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
    <script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
    <script src="../plugins/chartjs/Chart.min.js"></script>
    <%--<script src="../plugins/chartjs/areachart.js"></script>--%>
    <script src="../js/GetDateweekmonth.js" type="text/javascript"></script>
    <!--The below javascript add by karthikeyan for the Employeename not allowed numeric values-->
    <script src="../js/lockkeys.js" type="text/javascript"></script>
    <script src="../js/maxLength.js" type="text/javascript"></script>
    <script src="../js/chkbox_delete.js" type="text/javascript"></script>
    <script src="../js/EmpLeaveApplication.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/DateTimeValidation.js"></script>
    <%--<script src="../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>--%>
    <script src="../dist/js/app.min.js" type="text/javascript"></script>
    <script src="../plugins/select2/select2.full.min.js"></script>
    <script src="../plugins/fullcalendar/fullcalendar.min.js"></script>
    <script src="../js/GetNotification.js"></script>
    <script src="../js/GetMycalendardata.js"></script>
    <script src="../dist/js/jquery.bootstrap-responsive-tabs.min.js"></script>
    <script>
        $(".select2").select2();
        window.onload = function () {
            ajaxGetNotification();
            ajaxGetNews();
            var str = '<%= Convert.ToString(Session["NewsAndEventStatus"]) %>';
            if (str != "Close") {
                ajaxGetNewsContent(0);
            }
            PassportVisaExpiryPopup();
        };
    </script>
</body>
</html>
