<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="SUNWEB.Login" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Web Portal Login </title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <%--<link rel="icon" type="image/png" href="IMG/SuntoyoLogo.png" />--%>


    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="vendor1/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="fonts/Linearicons-Free-v1.0.0/icon-font.min.css" />
    <link rel="stylesheet" type="text/css" href="vendor1/animate/animate.css" />
    <link rel="stylesheet" type="text/css" href="vendor1/css-hamburgers/hamburgers.min.css" />
    <link rel="stylesheet" type="text/css" href="vendor1/animsition/css/animsition.min.css" />
    <link rel="stylesheet" type="text/css" href="vendor1/select2/select2.min.css" />
    <link rel="stylesheet" type="text/css" href="vendor1/daterangepicker/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="css1/util.css" />
    <link rel="stylesheet" type="text/css" href="css1/main.css" />
    <script language="javascript" type="text/javascript">

        function checkNumber(evt) {
            evt = (evt) ? evt : window.event
            var charCode = (evt.which) ? evt.which : evt.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                status = "This field accepts numbers only."
                return false
            }
            status = ""
            return true
        }

        function validate() {

            if (document.getElementById("<%=txtUserName.ClientID %>").value == "") {
                alert("Enter UserName");
                document.getElementById("<%=txtUserName.ClientID %>").focus();
                return false;
            }

            if (document.getElementById("<%=txtPassword.ClientID %>").value == "") {
                alert("Enter Password");
                document.getElementById("<%=txtPassword.ClientID %>").focus();
                return false;
            }

           
        }
        
    </script>
    <style type="text/css">
        .ImgSizeCss
        {
            width: 100%;
        }
        @media only screen and (max-width: 600px)
        {
            .ImgSizeCss
            {
                width: 85%;
                
            }
            .div1
            {
                margin-left: 450px;
                margin-top: 175px;
                left: 40%;
                position: absolute;
                background-color: Gray;
                left: 0px;
                z-index: 0;
                opacity: 0.8;
                filter: alpha(opacity=80);
                -moz-opacity: 0.8;
                min-height: 18%;
                width: 10%;
            }
            .a
            {
              color:Black !important;  
            }
            
            
            /*Test - Commit */
           
        }
        
         @media only screen and (min-device-width : 320px) and (max-device-width : 428px)
         {
            
            .Privacy
            {
            /* margin-left:0px;
             font-size:10px;
             padding-top:1px;
             padding-top:1px;
             */
             margin-left: 0px;
             font-size: 10px;
             padding-top: 10px;

             }
             .ForgetPwd
             {
                 margin-top:0px;
                 margin-bottom:12px;
                 margin-left:250px;
                 height:9px;
                 font-size:10px;
             }
             a
             {
              /*  font-family: Ubuntu-Regular;
                font-size: 10px;
                line-height: 1.7;
                color: #666666;
                margin: 00px;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;*/
                
                font-family: Ubuntu-Regular;
                font-size: 12px;
                line-height: 2.0;
                color: #666666;
                margin: 00px;
                transition: all 0.4s;
               -webkit-transition: all 0.4s;
                 
              }
             
             
             
             
         }
         @media screen and (min-width: 1200px) 
         {
            
             .Privacy
             {
             margin-left:0px;
             font-size:11px;
             padding-top:5px;
             }
             
               .ForgetPwd
             {
                 margin-top:10px;
                 margin-bottom:0px;
                 margin-left:300px;
                 padding-bottom:5px;
                 
             }
             
             a
             {
                font-family: Ubuntu-Regular;
                font-size: 10px;
                line-height: 1.7;
                color: #666666;
                margin: 00px;
                transition: all 0.4s;
                -webkit-transition: all 0.4s;
                 
              }
             
         }
        
        
    </style>
    <style type="text/css">
        .div1
        {
            position: fixed;
            top: 70px;
            background-color: Gray;
            left: 0px;
            z-index: 99;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 18%;
            width: 10%;
            margin-left: 700px;
            margin-top: 345px;
        }
    </style>
    <style type="text/css">
        .overlay
        {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 0;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: White;
            filter: alpha(opacity=60);
            opacity: 0.9;
            -moz-opacity: 1;
        }
        
        .LoadingDivCss
        {
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }
        
        .LoadingImgCss
        {
            height: 100px;
            width: 100px;
        }
    </style>
    <script type="text/javascript">
        function showProgress() {
            var updateProgress = $get("<%= UpdateProgress.ClientID %>");
            updateProgress.style.display = "block";
        }
    
    </script>

    




</head>
<body>
    <div align="left" style="color:red;font-size:10pt;background-color:#104E8B;color:white;padding:15px;display:none">
        <h6></h6>
        <asp:Label ID="lblcustText" runat="server"  Text="

Dear Customers,  we want to notify you that on June 06, 2022, GTM+8:00(SGT), from 0200 hrs to 0600 hrs, there will be another scheduled server maintenance downtime for approximately 4 hours. 
We are performing these changes to archive only two years of sales transaction data for viewing purposes. Data retention will follows the initial individual outlet business starting date. 
<br /><br />
During this maintenance window, Suntoyo cloud portal may not be accessible. However, all operations around the platform will resume immediately after the maintenance window.
We appreciate your patience and understanding. As always, if you have questions or issues or any immediate concerns or request to view more than two years of details, please connect with us over the email at suntoyo@suntoyo.com.sg"/></asp:Label>
    </div>
    <div class="limiter" >
        
        <div class="container-login100">
            <div class="wrap-login100 p-t-30 p-b-50">
                
                
                <div align="center">
                    <img src="IMG/CLanding.png" alt="" class="ImgSizeCss" />
                </div>
                <%--<div align="center">
                    <img src="IMG/CLanding.png" alt="" style="width: 60%; height: 50%" />
                </div>--%>
                <br />
                <%--    <span class="login100-form-title p-b-41">                          
				<h4>Web  Portal</h4>	
				</span>--%>
                <form id="Form1" class="login100-form validate-form p-b-33 p-t-5" runat="server">
                <asp:UpdatePanel ID="Upanl" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <asp:ScriptManager ID="ScriptManager1" runat="server">
                        </asp:ScriptManager>
                        <div class="wrap-input100 validate-input" data-validate="Enter username">
                            <asp:TextBox ID="txtUserName" runat="server" class="input100" autocomplete="off" placeholder="User Name"></asp:TextBox>
                            <span class="focus-input100" data-placeholder="&#xe82a;"></span>
                        </div>
                        <div class="wrap-input100 validate-input" data-validate="Enter password">
                            <asp:TextBox ID="txtPassword" TextMode="Password" runat="server" autocomplete="off" placeholder="Password"
                                class="input100"></asp:TextBox>
                            <span class="focus-input100" data-placeholder="&#xe80f;"></span>
                        </div>

                        <div class="ForgetPwd" >
                        <asp:LinkButton ID="lnkForgetPassword" runat="server" Text="Forget Password" PostBackUrl="~/ForgetPasswords.aspx" ForeColor="#104E8B"></asp:LinkButton>
                        </div>
                       
                        <div class="container-login100-form-btn m-t-32">
                            <asp:Button ID="btnSingnin" ForeColor="White" Text="Sign In" OnClientClick="return validate()"
                                runat="server" class="login100-form-btn" OnClick="btnSingnin_Click" />
                        </div>
                                              
                        
                        <div class="Privacy" align="center">
                         By clicking "sign in", you agree to the  <br /><a target="_blank" href="https://www.suntoyo.info/terms" style="color:#104E8B;font-size:10px;">Terms </a>&nbsp;&nbsp; and <a target="_blank" href="https://www.suntoyo.info/privacypolicy" style="color:#104E8B;font-size:10px;" >&nbsp;&nbsp;Privacy policy </a>
                         </div>
                    

                         <%--<span class="ForgetPwd">--%>
                      
                        <%-- </span>--%>
                         <br />
                        <div align="center" style="margin-bottom:0px;">
                            <%--  <img src="IMG/SuntoyoLogo.png" alt="" style="width: 15%; height: 15%" />--%>
                            <small style="font-size: 10px; color: Black;">&nbsp; &nbsp;SUNTOYO TECHNOLOGY PTE LTD
                            </small>
                        </div>
                       
                        <div style="font-size: 10px; color: Black;" align="center">
                            <asp:Label ID="lblMsg1" runat="server">  Copyright © 2024 Suntoyo. All rights reserved.</asp:Label>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <%--
                 <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="Upanl"
                  ClientIDMode="Predictable" ViewStateMode="Inherit">
                 <ProgressTemplate>
                 <div class="div1" >
                 <img alt="" src="IMG/Cakh.gif" />
                 </div>
                 </ProgressTemplate>
                  </asp:UpdateProgress>--%>
                <asp:UpdateProgress ID="UpdateProgress" runat="server" AssociatedUpdatePanelID="Upanl">
                    <ProgressTemplate>
                        <div class="overlay">
                            <%--  <div style="z-index: 1000; margin-left: 450px; margin-top: 0; opacity: 1; -moz-opacity: 1;">--%>
                            <div class="LoadingDivCss">
                                <img alt="" src="IMG/Spinner.gif" class="LoadingImgCss" />
                            </div>
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
                </form>
            </div>
        </div>
    </div>
    <div>
    </div>
    <div id="dropDownSelect1">
    </div>
    
   
    <script src="vendor1/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="vendor1/select2/select2.min.js" type="text/javascript"></script>
    <script src="vendor1/animsition/js/animsition.min.js" type="text/javascript"></script>
    <script src="vendor1/bootstrap/js/popper.js" type="text/javascript"></script>
    
    <script src="vendor1/daterangepicker/moment.min.js" type="text/javascript"></script>
    <script src="vendor1/daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <script src="vendor1/countdowntime/countdowntime.js" type="text/javascript"></script>
    <script src="js1/main.js" type="text/javascript"></script>
</body>
</html>
