<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="../Site.xsl"?>
<?xml-stylesheet type="text/css" href="../RenderFail.css"?>


<RDWAPage 
    helpurl="http://go.microsoft.com/fwlink/?LinkId=141038" 
    workspacename="La&#32;Strada&#32;-&#32;Der&#32;Weg" 
    baseurl="https://password.lastrada-derweg.org/RDWeb/Pages/it-IT/"
    >
  <RenderFailureMessage>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head><title>Errore Visualizzazione</title></head>
        <body><h1>Errore Visualizzazione</h1></body>
    </html> 
  </RenderFailureMessage>

  <HTMLMainContent>
    
    <script type="text/javascript">
        document.title = "Cambio Password | La Strada - Der Weg";
    </script>

    <style type="text/css">
        /* --- PULIZIA ELEMENTI MICROSOFT WINDOWS SERVER --- */
        .tswa_header, .headerBottom, .headingApplicationName, #headingApplicationName,
        .linkSecondaryNavigiationBar, div[id$="NavBar"] {
            display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important;
        }
        img[src*="WS_h_c"], img[src*="mslogo"], img[src*="logo_01"], img[src*="logo_02"], .cellMSLogo { display: none !important; }
        img[src*="top_"], img[src*="bottom_"], img[src*="left_"], img[src*="right_"], img[src*="banner_"] { display: none !important; }

        /* --- STILE PREMIUM --- */
        body {
            background-color: #f0f2f5 !important;
            background: linear-gradient(135deg, #f0f2f5 0%, #eef1f5 100%) !important;
            font-family: 'Segoe UI', 'Roboto', Helvetica, Arial, sans-serif !important;
            height: 100vh; margin: 0; padding: 0;
            display: flex; align-items: center; justify-content: center; overflow: hidden;
        }

        table, tr, td { background: transparent !important; border: none !important; }

        #premium-card {
            background: #ffffff; width: 420px; padding: 40px; border-radius: 12px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.1); position: relative; text-align: center;
            border-top: 5px solid #E31E24; margin: 0 auto; z-index: 9999;
        }

        .brand-logo {
            display: block !important; visibility: visible !important; opacity: 1 !important;
            max-width: 250px; height: auto; margin-bottom: 30px; margin-left: auto; margin-right: auto;
        }

        .form-group { margin-bottom: 20px; text-align: left; }
        label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.5px; }
        
        input[type="text"], input[type="password"] {
            width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 6px;
            font-size: 16px; color: #333; box-sizing: border-box; transition: all 0.3s ease;
            background-color: #fafafa;
        }
        input[type="text"]:focus, input[type="password"]:focus {
            border-color: #E31E24 !important; background-color: #fff; outline: none;
            box-shadow: 0 0 0 3px rgba(227, 30, 36, 0.1);
        }

        .btn-submit {
            background-color: #E31E24 !important; color: #fff !important; border: none !important;
            padding: 14px !important; width: 100% !important; font-size: 16px !important;
            font-weight: bold !important; border-radius: 6px !important; cursor: pointer !important;
            margin-top: 10px; transition: background-color 0.3s; text-transform: uppercase;
        }
        .btn-submit:hover { background-color: #c4181d !important; }

        .btn-cancel {
            background: transparent !important; color: #888 !important; border: none !important;
            margin-top: 15px; cursor: pointer; font-size: 14px; text-decoration: underline;
        }

        .alert-box { padding: 12px; border-radius: 6px; margin-bottom: 20px; font-size: 14px; text-align: left; display: flex; align-items: center; }
        .alert-danger { background-color: #fdeded; color: #E31E24; border: 1px solid #f5c6cb; }
        
        /* Stile specifico per il successo: testo centrato e più evidente */
        .alert-success {
            background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb;
            text-align: center; justify-content: center; flex-direction: column;
            padding: 20px; font-size: 16px; line-height: 1.5;
        }
        
        .close-hint { margin-top: 15px; font-size: 13px; color: #666; font-style: italic; }

        h2 { margin: 0 0 20px 0; color: #333; font-size: 20px; }
    </style>

    <form id="FrmLogin" name="FrmLogin" action="password.aspx" method="post">
        
        <div id="premium-card">
            <img src="../images/logo_brand.jpg" alt="La Strada - Der Weg" class="brand-logo" onerror="this.style.display='none'; document.getElementById('txtLogo').style.display='block';"/>
            <h2 id="txtLogo" style="display:none; color:#E31E24;">La Strada - Der Weg</h2>

            
            <div class="alert-box alert-danger" style='display:none'>
                <strong>!</strong>&#160; 
            </div>

            

                <div class="form-group">
                    <label for="DomainUserName">Dominio\Nome utente</label>
                    <input name="DomainUserName" type="text" id="DomainUserName" autocomplete="off" placeholder="dominio\utente" />
                </div>

                <div class="form-group">
                    <label for="UserPass">Password attuale</label>
                    <input name="UserPass" type="password" id="UserPass" autocomplete="off" placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;" />
                </div>

                <hr style="border: 0; border-top: 1px solid #eee; margin: 20px 0;" />

                <div class="form-group">
                    <label for="NewUserPass" style="color: #E31E24;">Nuova password</label>
                    <input name="NewUserPass" type="password" id="NewUserPass" autocomplete="off" />
                </div>

                <div class="form-group">
                    <label for="ConfirmNewUserPass" style="color: #E31E24;">Conferma nuova password</label>
                    <input name="ConfirmNewUserPass" type="password" id="ConfirmNewUserPass" autocomplete="off" />
                </div>

                <div style="margin-top: 30px;">
                    <input type="submit" class="btn-submit" id="btnSignIn" value="Cambia Password" />
                    <br />
                    <input type="button" class="btn-cancel" id="Cancel" value="Annulla" onClick="window.location='login.aspx'"/>
                </div>

            
        </div>

    </form>
  </HTMLMainContent>
</RDWAPage>