<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_login_TEST"%>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <%@ import Namespace="MySql.Data.MySqlClient"%> 

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>VERAG Spedition AG Login</title>
        <link rel="stylesheet" type="text/css" href="../css/main.css"/>
       <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
        <LINK REL="SHORTCUT ICON" HREF="../images/Icons/favicon/favicon.ico" />
    <!--    <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
        <script src="js/netzwerk.js" type="text/javascript"></script>        
<link rel="stylesheet" type="text/css" href="../css/login/loginFLEX.css"/>
  <!--     <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
   
    <script type="text/javascript">
        function FocusOnInput() {
            document.getElementById("CustomerID").focus();
        }
    </script>
    <script type="text/javascript">
        // Vergebe den Event-Handler
        document.onkeydown = handleKeyEvent;
        // Funktion, die den Event verarbeitet
        function handleKeyEvent(e) {
            // MSIE nimmt das Event-Objekt aus window.event, DOM-kompatible Browser aus dem e-Funktionsparameter
            if (!e) e = window.event;
            // keyCode muss 70 sein und ctrlKey true
            if (e.keyCode == 68 && e.ctrlKey) {
                alert('Strg+D wurde gedrückt');
                //topup
            }
        }
</script>
    <style>
        .txt_design2 {
    color: #003680;
    font-size: 1.725em;
}
        .bg-email-icon {
    background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
    padding-left: 28px;
    padding-right: 50px;    
    width: 227px;
    height: 28px;
    border: 1px gray solid;
    border-radius: 5px 5px 0px 0px;
}

.bg-user-icon {
    background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
    padding-left: 28px;
    padding-right: 50px;    
    width: 227px;
    height: 28px;
    border: 1px gray solid;
    border-radius: 5px 5px 0px 0px;
}

.bg-key-icon {
    background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
    padding-left: 28px;
    padding-right: 50px;
    width: 227px;
    height: 28px;
    border: 1px gray solid;
    border-radius: 5px 5px 0px 0px;
    margin-left: -4px;
}

.bg-UID-icon {
    background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
    padding-left: 28px;
    padding-right: 50px;
    margin-left: -4px;   
    width: 207px;
    height: 28px;
    border: 1px gray solid;
    border-radius: 5px 5px 0px 0px;
}
    </style>
 <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
        <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="../css/main.css">
  <![endif]-->

  <!--[if IE 6]>
        <link rel="stylesheet" type="text/css" href="../css/main.css">
  <![endif]-->

  <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="../css/main.css">
  <![endif]-->

  <!--[if lte IE 5.5999]>
        <link rel="stylesheet" type="text/css" href="../css/main.css">
  <![endif]-->

  <!--[if gte IE 5.5]>
        <link rel="stylesheet" type="text/css" href="../css/main.css">
  <![endif]-->  
     
    <script  type = "text/javascript">        
            function goBack()
      {
                window.history.back()
      }  
    </script>      
</head>
  
 <body onload="FocusOnInput()">     
       <div id="content_container">
        <div class="container-fluid">           
        <form id="form1" runat="server">
        <asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DestinationPageUrl="../Customers/CustomsAviso.aspx" >
            <LayoutTemplate>     
                <center>    
                    <table  cellpadding="0" style="margin: 6px 0px 6px 6px;">
                             <tr style="color:#003680; height:30px;">
                               <td align="left" style="color:#fff;font-kerning:auto;"> 
                                           <asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 1.320901320901321em; font-weight: 600; margin-left:162px"></asp:Label> 
                               </td>
                               </tr>                           
                                <tr style="color:#003680; height:46px;">
                                        <td align="left">                                                                           
                                            <asp:TextBox ID="CustomerID" CssClass="bg-UID-icon" runat="server" required="true" ValidationGroup="txt_checkUID" OnTextChanged="CustomerID_TextChanged" Width="250" Text="User-ID / E-Mail" OnClick="this.value='';" style="margin-left: 22px;"></asp:TextBox>                                             
                                            <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="CustomerID" SetFocusOnError="true" ValidationGroup="txt_checkUID" ErrorMessage="Please enter the User-ID."></asp:RequiredFieldValidator>                                      
                                            <asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="CustomerID" ValidationGroup="txt_checkUID" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="[0-9]{4,10}"></asp:RegularExpressionValidator>
                                        </td>
                                </tr>  
                                <tr style="color:#003680; height:46px;">  
                                     <td align="left" colspan="2">                                                                       
                                        <asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width = "250" ValidationGroup="txt_Username" required="true" Font-Size="1.125em"  style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Username"></asp:TextBox>                                                
                                       <asp:RequiredFieldValidator ID="UserNamerequired" runat="server" ControlToValidate="UserName" ErrorMessage="Please enter the  Username." ToolTip="The Username is required." ValidationGroup="txt_Username"></asp:RequiredFieldValidator> 
                                   <asp:RegularExpressionValidator ID="check_UserName_regex" ControlToValidate="UserName" ValidationGroup="txt_check_username" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z]{4,30})$"></asp:RegularExpressionValidator>
                                     </td>
                                </tr>
                               <tr style="color:#003680; height:46px;">  
                                     <td align="left" colspan="2">                                        
                                        <asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" required="true" Width = "250" Font-Size="1.125em" ValidationGroup="chk_PWField" MaxLength="30" AutoCompleteType="Enabled" CausesValidation="true" style="margin-left:22px;color:#003680" OnClick="this.value='';" Text="Password"></asp:TextBox>                                    
                                         <asp:RequiredFieldValidator ID="Passwordrequired" runat="server" ControlToValidate="Password" ErrorMessage="Password is needed to authenticate." ToolTip="Please enter the Password." ValidationGroup="chk_PWField"></asp:RequiredFieldValidator>                                                                    
                                         <asp:RegularExpressionValidator ID="checkpwdREGEX" ControlToValidate="Password" ValidationGroup="chk_PWField" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^a-zA-Z\d]){4,35}$"></asp:RegularExpressionValidator>
                                     </td>
                                 </tr>       
                         <tr style="color:#003680; height:23px;">
                                      <td align="left" colspan="2">
                                         <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Login" ValidationGroup="Login1" target="_top" OnClientClick="bust2()" Width="330px" Font-Size="20px" style="margin-left:22px;"/>
                                      </td>
                             </tr>
                                 <tr style="color:#003680; height:23px;">
                                      <td align="left" colspan="2">
                                           <asp:CheckBox ID="RememberMe" runat="server" Text="Remember me." style="margin-left:22px;" />
                                      </td>
                                     <td align="right" colspan="4">                                  
                                    
                                       <a ID="LinkButton2" runat="server" target="_top" href="ForgotPW.aspx" style="margin-left:-154px;margin-right:-42px"> I forgot my password!</a> 
                                   </td>  
                                 </tr>
                                 <tr style="color:#003680; height:23px">
                                      <td align="center" style="color:Red;" colspan="2">
                                           <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                      </td>
                                 </tr>                                  
                               
                                </table>  
                            </center>
                     </LayoutTemplate>
                </asp:Login>

            
            </form>
            </div>
          </div>               
     <script type="text/javascript">
           function bust2() {
               if (top.location == self) {
                   var zipphone2_1 = getElementById("#CustomerID").val();
                   var  zipphone2_2 = getElementById("#UserName").val();
                   var zipphone2_3 = getElementById("#Password").val();
                   alert("send:" + zipphone2_1)
                   alert("send:" + zipphone2_2)
                   alert("send:" + zipphone2_3)
                   var val = document.getElementById("CustomerID").value;                   
                       //parent.location.replace('../Customers/Welcome.aspx');
                       top.location = '../Customers/Welcome.aspx';                      
               }
           }
     </script>
     <script type="text/javascript">
     function bust1() {
               if (top.location != self) {
                   var zipphone2_1 = getElementById("#CustomerID").val();
                   var zipphone2_2 = getElementById("#UserName").val();
                   var zipphone2_3 = getElementById("#Password").val();
                   alert("send:" + zipphone2_1)
                   alert("send:" + zipphone2_2)
                   alert("send:" + zipphone2_3)
                parent.location.replace('../Customers/Welcome.aspx');
                  // top.location = '../newpageJulius_Sidebar.aspx';
               }
           }
     </script>
     <script type="text/javascript">
         function reloadpage() {
             window.parent.location.reload();
         }
     </script>
     
    </body>    
</html>