<body onload="javascript:document.getElementById('txtUsername').focus();">
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" >
            <AuthenticationService Path="Authenticate.asmx" />
        </asp:ScriptManager>
        <div>
            <p>
                Usługa Profile i ASP.NET AJAX</p>
        </div>
        <div id="divLogin">
            Nazwa użytkownika:
            <input type="text" id="txtUsername"/><br />
            Hasło:
            <input type="password" id="txtPassword" /><br />
            <button id="btnLogin" onclick="Login_OnClick(); return false;">Zaloguj</button>
        </div>
        <div id="divHome" style="display: none">
            Logowanie powiodło się!<br /><br />
            <button id="btnLogout" onclick="Logout_OnClick(); return false;">Logout</button>
        </div><br />
        <div id="divProfile" style="display: none">
            <table>
            <tr>
                <td align="center" colspan="2" style="font-size:large;font-weight: bold">Twój profil</td>
            </tr>
            <tr>
                <td align="center" colspan="2">Informacje kontaktowe</td>
            </tr>
            <tr>
                <td>Imię: </td>
                <td><input type="text" id="txtFirstName" /></td>
            </tr>
            <tr>
                <td>Nazwisko: </td>
                <td><input type="text" id="txtLastName" /></td>
            </tr>
            <tr>
                <td>Wiek: </td>
                <td><input type="text" id="txtAge" /></td>
            </tr>
            <tr>
                <td>E-mail: </td>
                <td><input type="text" id="txtEmail" /></td>
            </tr>
            <tr>
                <td align="center" colspan="2">Adres</td>
            </tr>
            <tr>
                <td>Ulica: </td>
                <td><input type="text" id="txtStreet" /></td>
            </tr>
            <tr>
                <td>Miejscowość: </td>
                <td><input type="text" id="txtCity" /></td>
            </tr>
            <tr>
                <td>Kod pocztowy: </td>
                <td><input type="text" id="txtPostalCode" /></td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td>Backgroundcolor: </td>
                <td><input type="text" id="txtBackgroundcolor" /></td>
            </tr>
            <tr>
                <td align="center" colspan="2"><input type="button" id="btnSaveProfile" value="Zapisz profil" onclick="SaveProfile();" /></td>
            </tr>
        </table>
        </div>
    </form>
</body>
