<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="SimpleService.aspx.cs" Inherits="ServiceWeb.SimpleService" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 108%;
        }
        .style2
        {
            width: 102px;
        }
        #Text2
        {
            width: 318px;
        }
        #Text3
        {
            width: 314px;
        }
        #Text4
        {
            width: 578px;
        }
        #Text5
        {
            width: 380px;
        }
        .style4
    {
        width: 210px;
    }
    .style5
    {
        width: 201px;
    }
    .style6
    {
        width: 161px;
    }
    #address
    {
        width: 291px;
    }
    #lastName
    {
        width: 210px;
    }
    #firstName
    {
        width: 208px;
    }
    #addedCustomersTable
    {
        width: 1002px;
    }
    </style>
    <script type="text/jscript">
       var serviceSelectId = '<%=serviceSelect.ClientID %>';
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/SimpleService/SimpleService.js" />
        </Scripts>
    </asp:ScriptManagerProxy>
  <div>
        <table class="style1">
            <tr>
                <td style="width:200px">Wybierz typ usługi:</td>
                <td>
                    <asp:DropDownList ID="serviceSelect" runat="server" AutoPostBack="True">
                        <asp:ListItem Selected="True" Text="Usługa WCF" Value="WCF Service"></asp:ListItem>
                        <asp:ListItem Text="Wewnętrzna usługa WCF" Value="Internal WCF Service"></asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
  </div>
  <div>
        <h1>Wpis danych o kliencie</h1>
    </div>
    <div>
    
        <table class="style1">
            <tr>
                <td class="style2">Identyfikator klienta</td>
                <td>
                    <input id="customerId" type="text" />&nbsp;<input id="lookupButton" type="button" value="Szukaj" />&nbsp; 
                    (Przykładowe wartości: 1,2,3,4)</td>
            </tr>
            <tr>
                <td class="style2">Imię</td>
                <td><input id="firstName" type="text" /></td>
            </tr>
            <tr>
                <td class="style2">Nazwisko</td>
                <td><input id="lastName" type="text" /></td>
            </tr>
            <tr>
                <td class="style2">Adres</td>
                <td><input id="address" type="text" /></td>
            </tr>
            <tr>
                <td class="style2">Miasto</td>
                <td><input id="city" type="text" /></td>
            </tr>
            <tr>
                <td class="style2">Województwo</td>
                <td><input id="state" type="text"/></td>
            </tr>
            <tr>
                <td class="style2">Kod</td>
                <td><input id="zip" type="text" /></td>
            </tr>
            <tr>
                <td class="style2">&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td class="style2" colspan="2" align="left">
                    <div style="width: 674%;height: 28px">
                        <input id="saveButton" style="margin-right: 10px;margin-left: 10px" type="button" value="Zapisz" />
                        <input id="clearButton" style="margin-right: 10px;margin-left: 10px" type="button" value="Wyczyść"/>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div>
        <h1>Lista wpisów o klientach</h1>
    </div>
    <div id="addedCustomersDiv">
        <table id="addedCustomersTable">
            <thead>
                <tr>
                    <td class="style4">Identyfikator</td>
                    <td class="style5">Imię</td>
                    <td class="style6">Nazwisko</td>
                    <td style="width: 150px">Adres</td>
                    <td style="width: 100px">Miasto</td>
                    <td style="width: 50px">Województwo</td>
                    <td style="width: 50px">Kod</td>
                </tr>
            </thead>
            <tbody id="addedEntries">
            </tbody>
        </table>
    </div>
</asp:Content>
