<%@ Page Language="VB" AutoEventWireup="false" Debug="True" CodeFile="ForgotPW.aspx.vb" Inherits="ForgotPW" %>
<%@ Reference VirtualPath="~/login/Change_PW.aspx" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <%@ import Namespace="MySql.Data.MySqlClient"%> 
    <%'Dim url As String = Session.Keys.Item("urltochangepw")%>

     <!-- Bootstrap -->
    <html lang="en"></html>
    <!-- Required meta tags -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
   
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
           <!-- Bootstrap CSS -->
    <!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->      
      <link href="bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>VERAG Spedition AG Passwort vergessen</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/ForgotPW.css"/>        
        <link rel="stylesheet" type="text/css" href="../css/example.css"/>
   
        <script type="text/javascript">
            function FocusOnInput() {
                document.getElementById("UserID").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;
        }
    @media (max-width: 558.98px) {
    body {
        font-family: 'Poppins', sans-serif;
        background: #fafafa;
        background-image: url(../../images/road.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #fff;
        overflow-y: clip;
        overflow-x: clip;
    }
    #content_container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        height: 613px;
        margin: 0 auto;
        margin-top: 0px;
        margin-left: 5%;
    }
    .container-fluid {
        width: 400px;
        height: 613px;
        background-color: rgba(255,255,255,0.5);
        top:50%;
        bottom: auto;
        left: -5px;
        right: 520px;
        margin: auto;
    }
    #tbl_main_M {
        font-family: Arial;
        font-size: 11px;
        border: 1px solid gray;
        width: 300px;
        height: 713px;
    }
    #lbl_Ueberschrift_M {
        background-color: #003680;
        font-size: 1.85em;
        color: #fff;
    }
    #lbl_login_M {
        background-color: #003680;
        font-size: 2em;
        color: #fff;
    }
    .txt_design {
        color: #003680;
        font-size: 1.85em;
    }
    .txt_design2 {
        color: #003680;
        font-size: 1.895em;
        margin-right: 1px;
    }
    #btn_Send_M {
        background-color: #003680;
        color: #fff;
        width: 325px;
        height: 32px;
        margin-bottom: 0px;
        margin-left:-4px;
        padding-inline: 2px 2px;
        padding: -10px 0px 10px 1px;
        font-weight:600;
    }
    #btn_Back_M {
        background-color: #003680;
        color: #fff;
        width: 325px;
        height: 32px;
        margin-bottom: -70px;
        margin-left:16px;
        padding-inline: 2px 2px;
        padding: -10px 0px 12px 1px;
        border:none;
        font-size:18px;        
    }   
    #UserName_M {
        font-size: 17px;
        width: 325px;
    }
    #CustomerID_M {
        color: #003680;
        font-size: 1.125em;
    }
    .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: 32px;
        border: 1px gray solid;
        border-radius: 5px 5px 5px 5px;        
    }
    .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: 32px;
        border: 1px gray solid;
        border-radius: 5px 5px 5px 5px;
    }
    .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: 32px;
        border: 1px gray solid;
        border-radius: 5px 5px 5px 5px;
        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: 32px;
        border: 1px gray solid;
        border-radius: 5px 5px 5px 5px;
    }
    #RememberMe_M {
        font-size: 20px;
    }
    #txtEmail_M{
        margin-top:40px;
    }
    #txt_Username{
        margin-top:40px;
    }
    #lblMessage_M{
        font-size:19px;
    }
}
    </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>
   
    <div id="content_container">
        <div class="container-fluid">          
        <form id="form1" runat="server">
            <center>
                   <!-- Große Bildschirme-->   
            <div class="d-none d-md-block">
            <table id="tbl_main" cellpadding="0" style="margin:4px 4px 4px 4px; border: none;">
                <tr style="color:#003680;height:35px;">
                                   <td>
                                       <asp:Button ID="btn_Back" runat="server" Width="265" CausesValidation="false" Text="Back"  OnClientClick="JavaScript:window.history.back(1);return false;" style="margin-left:49px;height:31px"/><label for="btn_Back" style="color:#fff;margin: auto auto auto 5px;"><center>Back</center></label>
                                   </td>
                               </tr>
                 <tr style="color:#003680; height:32px;font-size:14px">
                   <td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">                                     
            <asp:Label ID="lbl_PWvergessen" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:82px;font-size:17px;"></asp:Label>
                   </td></tr>  
               <!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px">
                   <td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">                                     
            <asp:Label ID="Label1" Text="Geben Sie Ihre hinterlegte E-Mail-Adresse ein, um einen Link zum Rücksetzen des Passwortes zu erhalten." runat="server" style=" background-color:#fff; color:#003680; font-size:12px"></asp:Label>
                   </td></tr> -->
                 <tr style="color:#003680; height:30px;">
                       <td align="right" colspan="2">  
            <h2 style="margin-left:94px; margin-top:-4px">Fill in your data here:</h2>
                                             </td></tr>
               <tr><td>
                       <asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="val-desk" Width="265" Placeholder="Customer-ID" style="margin-left:45px;color:#003680" Font-Size="1.125em"></asp:TextBox>                                             
                       <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" SetFocusOnError="false" ForeColor="Red" ValidationGroup="val-desk" ErrorMessage="Please enter the Customer-ID."></asp:RequiredFieldValidator>                                      
                       <asp:RegularExpressionValidator ID="valid_getNumberInput" ControlToValidate="txt_CustomerID" style="font-size:17px" ForeColor="Red" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="false" ErrorMessage="The Customer-ID is not valid." ValidationExpression="[0-9]{4,10}"></asp:RegularExpressionValidator>
                    </td></tr>
                <tr style="color:#003680; height:30px;">                                 
                    <td align="left" colspan="2">  
                        <asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="val-desk" Font-Size="1.125em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:45px;color:#003680"/>                    
                        <asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" SetFocusOnError="false" ValidationGroup="val-desk" runat="server" Text="Require E-Mail Address" ForeColor="Red"></asp:RequiredFieldValidator>                        
                        <asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email" ValidationGroup="val-desk" ValidationExpression="[\w\.]{0,2}\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true" style="font-size:1em" ForeColor="Red"></asp:RegularExpressionValidator>
                        <asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email_2" ValidationGroup="val-desk" ValidationExpression="[\w\.]{0,2}\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" ForeColor="Red" SetFocusOnError="true"></asp:RegularExpressionValidator>
                    </td></tr>
                <tr style="color:#003680; height:20px;">                                
                     <td align="left" colspan="2"> 
                    <asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="val-desk" Placeholder="Username" Font-Size="1.125em" Width="265" style="margin-left:45px;color:#003680;margin-bottom:-6px" />
                        <asp:RequiredFieldValidator ID="valreqtxtusername" SetFocusOnError="false" ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" Text="Require Username" ErrorMessage="Please give a Username."></asp:RequiredFieldValidator>           
                        <asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username" ValidationGroup="val-desk" runat="server" Display="Dynamic" SetFocusOnError="false" ForeColor="Red" ValidationExpression="([a-zA-Z1-9]{4,30})"></asp:RegularExpressionValidator>
                     </td></tr>
                <tr style="color:#003680; height:10px;">
                <td align="right" colspan="2">                    
                <asp:Label ID="lblMessage" runat="server" />
                    </td></tr>                
                <tr style="color:#003680; height:32px;"><td>    
                     <asp:LinkButton ID="btn_Send" runat="server" CssClass="btn btn-primary" Width="300px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" Height="40px"><center><label for="btn_Send" style="color:#fff;margin:0 2px 2px auto;font-size:21px"><center>Send</center></label></center></asp:LinkButton> 
                                    </td></tr> 
                <tr><td>                     
                    </td></tr>
                                </table>
                </div>
                 <!--Smartphone-Bildschirme-->   
                      <div class="d-md-none"> 
                          <table id="tbl_main_M" cellpadding="0" style="margin:10px 8px 10px 8px; border: none;">
                <tr style="color:#003680;height:65px;margin-top:-70px">
                                   <td>
                                       <asp:Button ID="btn_Back_M" runat="server" Text="Back"  OnClick="btn_Back_Click" Height="37px"/>
                                   </td>
                               </tr>
                 <tr style="color:#003680; height:92px;">
                   <td align="left" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">                                     
            <asp:Label ID="lbl_PWvergessen_M" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:61px;font-size:22px; "></asp:Label>
                   </td></tr>                
              <tr style="color:#003680;height:40px;">                                
                     <td align="left" colspan="2">  
                         <asp:TextBox ID="txt_CustomerID_M" CssClass="bg-UID-icon" runat="server" required="true" ValidationGroup="val-mobil" Width="325" Placeholder="Customer-ID" Font-Size="2.025em" style="margin:0 21px auto 22px"></asp:TextBox>                                             
                         <asp:RequiredFieldValidator ID="CustomerID_M_required" runat="server" ControlToValidate="txt_CustomerID_M" SetFocusOnError="false" ForeColor="Red" Font-Size="24px" style="margin-left:22px;" ValidationGroup="val-mobil" ErrorMessage="Please enter the Customer-ID."></asp:RequiredFieldValidator>                                      
                         <asp:RegularExpressionValidator ID="valid_getNumber_M_Input" ControlToValidate="txt_CustomerID_M" ValidationGroup="val-mobil" ForeColor="Red" Font-Size="24px" runat="server" style="margin-left:22px;" Display="Dynamic" SetFocusOnError="false" ValidationExpression="[0-9]{4,10}" ErrorMessage="The Customer-ID is not valid."></asp:RegularExpressionValidator>
                         </td></tr>
                <tr style="color:#003680; height:40px;">                                 
                    <td align="left" colspan="2">  
                        <asp:TextBox ID="txtEmail_M" runat="server" Width="325px" ValidationGroup="val-mobil" Font-Size="2.025em" Placeholder="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680;margin-bottom:60px"/>                    
                        <asp:RequiredFieldValidator ID="valreqtxtEmail_M" SetFocusOnError="false" ControlToValidate="txtEmail_M" ValidationGroup="val-mobil" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator>                        
                        <asp:RegularExpressionValidator ControlToValidate="txtEmail_M" ForeColor="Red" Font-Size="24px" runat="server" ID="regexval_txt_Email_M" ValidationGroup="val-mobil" ValidationExpression="[a-zA-Z]{2}\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
                        <asp:RegularExpressionValidator ControlToValidate="txtEmail_M" ForeColor="Red" Font-Size="24px"  runat="server" ID="regexval_2_txt_Email_M" ValidationGroup="val-mobil" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
                    </td></tr>
                <tr style="color:#003680; height:40px;">                                
                     <td align="left" colspan="2"> 
                    <asp:TextBox ID="txt_Username_M" runat="server" CssClass="bg-user-icon" ValidationGroup="val-mobil" Placeholder="Username" Font-Size="2.025em" Width="325px" style="margin-left:25px;color:#003680" OnClick="this.value='';" />
                     <asp:RequiredFieldValidator ID="valreqtxtusername_M" ForeColor="Red" ControlToValidate="txt_Username_M" ValidationGroup="val-mobil" runat="server" Text="Require Username" ErrorMessage="Please give a Username." SetFocusOnError="false"></asp:RequiredFieldValidator>        
                         <asp:RegularExpressionValidator ID="check_UserName_regex_M" ForeColor="Red" Font-Size="24px" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username_M" ValidationGroup="val-mobil" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
                     </td></tr>
                <tr style="color:#003680; height:50px;">
                <td align="right" colspan="2">                    
                <asp:Label ID="lblMessage_M" Font-Size="24px" runat="server" />
                    </td></tr>                
                <tr style="color:#003680; height:40px;"><td>        
                    <asp:Button ID="btn_Send_M" runat="server" Text="Send" Width="325px" Enabled="true" AutoPostBack="True" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_M_Click" Height="37px" />           
                
                                    </td></tr> 
                <tr><td>                    
                    </td></tr>
                                </table>
                      </div>
            </center>        
                    </form>
                            </div>
        </div>
</body>
</html>