<?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="&#3619;&#3632;&#3610;&#3610;&#3610;&#3619;&#3636;&#3627;&#3634;&#3619;&#3592;&#3633;&#3604;&#3585;&#3634;&#3619;&#3648;&#3611;&#3621;&#3637;&#3656;&#3618;&#3609;&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&#3610;&#3633;&#3597;&#3594;&#3637;&#3612;&#3641;&#3657;&#3651;&#3594;&#3657;&#32;Internet&#32;&#3649;&#3621;&#3632;&#32;Email" 
    baseurl="https://cpw.kpru.ac.th/RDWeb/Pages/en-US/"
    >
  <RenderFailureMessage>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=unicode"/>
            <title>ข้อผิดพลาด: ไม่สามารถแสดง RD Web Access ได้</title>
        </head>
        <body>
            <h1>ข้อผิดพลาด: ไม่สามารถแสดง RD Web Access ได้</h1>
            <p>เกิดข้อผิดพลาดที่ไม่คาดคิดขึ้นทำให้หน้านี้ไม่สามารถแสดงถูกต้องได้.</p>
            <p>การดูหน้านี้ใน Internet Explorer พร้อมการใช้คุณลักษณะการกำหนดความปลอดภัยเพิ่มเติมสามารถทำให้เกิดข้อผิดพลาดเช่นนี้.</p>
            <p>กรุณาลองโหลดหน้านี้โดยไม่ใช้การกำหนดความปลอดภัยเพิ่มเติม หากข้อผิดพลาดยังคงแสดงอยู่ กรุณาติดต่อผู้ดูแลระบบ.</p>
        </body>
    </html> 
  </RenderFailureMessage>

  <HTMLMainContent>
  
<style>
    body {
        font-family: 'Segoe UI', 'TH Sarabun New', 'Sukhumvit Set', sans-serif;
        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        line-height: 1.4;
    }

    .main-wrapper {
        padding: 10px;
        max-width: 200%;
        position: relative;
    }

    .textInputField {
        padding: 12px 16px;
        border: 2px solid #d1d5db;
        border-radius: 8px;
        font-size: 18px;
        background: #ffffff;
        transition: all 0.3s ease;
        box-sizing: border-box;
        width: 110%;
        margin-bottom: 4px;
        line-height: 1.4;
    }

    .textInputField:focus {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    }

    .textInputField::placeholder {
        color: #9ca3af;
        font-style: italic;
    }

    .formButton {
        background: linear-gradient(135deg, #43cea2, #24776f);
        color: #ffffff;
        border: none;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        margin: 4px;
        width: auto;
        min-width: 120px;
        line-height: 1.3;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .formButton:hover {
        background: linear-gradient(135deg, #24776f, #43cea2);
    }

    .wrng {
        color: #dc2626;
        font-weight: 500;
        background: #fee2e2;
        border: 1px solid #fca5a5;
        border-radius: 8px;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        margin: 6px 0;
        font-size: 16px;
        line-height: 1.3;
    }

    table {
        width: 200%;
        max-width: 500px;
        margin: 0 auto;
        border-collapse: collapse;
    }

    table td {
        color: #1f2937;
        font-weight: 400;
        font-size: 17px;
        padding: 3px 5px;
        line-height: 1.3;
    }

    h1, .page-title {
        color: #111827;
        text-align: center;
        font-size: 30px;
        margin: 10px 0 10px;
        font-weight: 600;
        line-height: 1.2;
    }

    .success-message .wrng {
        background: #dcfce7;
        border: 1px solid #86efac;
        color: #166534;
    }

    /* Content container with help button */
    .content-container {
        position: relative;
        max-width: 600px;
        margin: 0 auto;
        padding: 20px;
    }
    
    .help-button {
        position: absolute;
        top: 0;
        right: 0;
        background: transparent;
        border: none;
        color: #2563eb;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.3s ease;
        padding: 8px 12px;
        border-radius: 6px;
    }
    
    .help-button:hover {
        color: #1d4ed8;
        background: rgba(37, 99, 235, 0.1);
        transform: scale(1.05);
    }

    /* Responsive styles สำหรับมือถือ */
    @media (max-width: 768px) {
        body {
            padding: 5px;
            line-height: 1.3;
        }

        .main-wrapper {
            padding: 5px;
        }

        .content-container {
            padding: 15px;
        }

        .textInputField {
            padding: 14px;
            font-size: 20px;
            margin-bottom: 10px;
            line-height: 1.3;
        }

        h1, .page-title {
            font-size: 26px;
            margin: 8px 5px 12px;
            line-height: 1.2;
        }

        .wrng {
            padding: 8px;
            font-size: 18px;
            margin: 4px 0;
            line-height: 1.3;
        }

        table {
            width: 100%;
            margin: 0;
        }

        table tr {
            display: block;
            margin-bottom: 8px;
        }

        table td {
            display: block;
            padding: 6px 5px;
            line-height: 1.3;
        }
        
        .help-button {
            font-size: 16px;
            padding: 6px 10px;
        }
    }

    @media (max-width: 480px) {
        body {
            font-size: 22px;
            line-height: 1.3;
        }

        .textInputField {
            padding: 16px;
            font-size: 24px;
            line-height: 1.3;
        }

        h1, .page-title {
            font-size: 36px;
            line-height: 1.2;
        }
        
        .content-container {
            padding: 10px;
        }
    }
</style>

    <div class="main-wrapper">
        <a href="https://arit.kpru.ac.th/noc/contents/edms/EDMS-Manual-202506101749528270.pdf" target="_blank" class="help-button">คู่มือใช้งาน</a>
        <div class="content-container">
            
            
            <div class="form-container">
                <h1 class="page-title">ระบบบริหารจัดการเปลี่ยนรหัสผ่านบัญชีผู้ใช้ Internet และ Email</h1>
                
                <form id="FrmLogin" name="FrmLogin" action="password.aspx" method="post">

                    <table width="350" border="0" align="center" cellpadding="0" cellspacing="0">

                        <tr>
                        <td height="20">&#160;</td>
                        </tr>

                        <tr>
              <td>
                <table width="350" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="180" align="right">Domain\user name:</td>
                    <td width="7"></td>
                    <td align="right">
                      <input name="DomainUserName" type="text" id="DomainUserName" class="textInputField" size="27" autocomplete="off" placeholder="kpru\user&#32;name" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

                        <tr>
                        <td height="3"></td>
                        </tr>

            <tr>
              <td>
                <table width="350" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="180" align="right">Current password:</td>
                    <td width="7"></td>
                    <td align="right">
                      <input name="UserPass" type="password" id="UserPass" class="textInputField" size="27" autocomplete="off" placeholder="&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&#3611;&#3633;&#3592;&#3592;&#3640;&#3610;&#3633;&#3609;" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
                        <tr>
                        <td height="7"></td>
                        </tr>

                        <tr>
              <td>
                <table width="350" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="180" align="right">New password:</td>
                    <td width="7"></td>
                    <td align="right">
                      <input name="NewUserPass" type="password" id="NewUserPass" placeholder="&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&#3651;&#3627;&#3617;&#3656;" class="textInputField" size="27" autocomplete="off" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
                        
                        <tr>
                        <td height="7"></td>
                        </tr>

                        <tr>
              <td>
                <table width="350" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="180" align="right">Confirm new password:</td>
                    <td width="7"></td>
                    <td align="right">
                      <input name="ConfirmNewUserPass" type="password" id="ConfirmNewUserPass" placeholder="&#3618;&#3639;&#3609;&#3618;&#3633;&#3609;&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&#3651;&#3627;&#3617;&#3656;" class="textInputField" size="27" autocomplete="off" />
                    </td>
                  </tr>

                </table>
              </td>
            </tr>
                        
                
                        <tr id="tr4" style="display:none" >
                        <td>
                            <table>
                            <tr>
                            <td height="10">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">ไม่สามารถเปลี่ยนรหัสผ่านของคุณได้ กรุณาติดต่อผู้ดูแลระบบเพื่อรับความช่วยเหลือ.</span></td>
                            </tr>
                            </table>
                        </td>
                        </tr>

                
                        <tr id="tr2" style="display:none" >
                        <td>
                            <table>
                            <tr>
                                <td height="20">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">กรอกรหัสผ่านใหม่.</span></td>
                            </tr>
                            </table>
                        </td>
                        </tr>

                
                        <tr id="tr5" style="display:none" >
                        <td>
                            <table>
                            <tr>
                                <td height="20">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">รหัสผ่านใหม่ของคุณไม่ตรงตามความต้องการในการกำหนดความยาว, ความซับซ้อน, หรือประวัติของโดเมนของคุณ. กรุณาลองกำหนดรหัสผ่านใหม่ที่แตกต่าง.</span></td>
                            </tr>
                            </table>
                        </td>
                        </tr>
                
                
                        <tr id="tr3" style="display:none" >
                        <td>
                            <table>
                            <tr>
                                <td height="20">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">รหัสผ่านที่กรอกไม่ตรงกัน.</span></td>
                            </tr>
                            </table>
                        </td>
                        </tr>

                
                        <tr id="tr1" style="display:none" class="success-message">
                        <td>
                            <table align = "center">
                            <tr>
                                <td height="20">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">รหัสผ่านของคุณได้เปลี่ยนแปลงสำเร็จแล้ว.</span></td>
                            </tr>
                            <tr>
                                <td height="10">&#160;</td>
                            </tr>
                            <tr>
                                <td align = "center"><input type="button" class="formButton" id="OK" value="Finish" onClick="window.location='password.aspx'"/></td>
                            </tr>  

                            </table>
                        </td>
                        </tr>

                
                        <tr id="trErrorIncorrectCredentials" style="display:none" >
                        <td>
                            <table>
                            <tr>
                                <td height="20">&#160;</td>
                            </tr>
                            <tr>
                                <td><span class="wrng">ชื่อผู้ใช้หรือรหัสผ่านที่คุณกรอกไม่ถูกต้อง. กรุณาลองพิมพ์ใหม่.</span></td>
                            </tr>
                            </table>
                        </td>
                        </tr>

                
                        <tr>
                        <td height="20">&#160;</td>
                        </tr>
                        <tr id="trButtons" style="display:" >
                        <td align="right"><label><input type="submit" class="formButton" id="btnSignIn" value="Save" /></label><label><input type="button" class="formButton" id="Cancel" value="Cancel" onClick="window.location='password.aspx'"/></label>
                        </td>
                        </tr>


                        <tr>
                        <td height="30">&#160;</td>
                        </tr>

                    </table>

                </form>
            </div>
        </div>
    </div>

  
  </HTMLMainContent>
</RDWAPage>