<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="SimpleWCFService.aspx.cs" Inherits="AjaxWebServicesDemo.SimpleWCFService" 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>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    <Scripts>
        <asp:ScriptReference Path="~/SimpleWCFService.js" />
    </Scripts>
    <Services>
        <asp:ServiceReference Path="~/SimpleService.svc" />
    </Services>
  </asp:ScriptManagerProxy>    
  <div>
        <h1>Wpis danych klienta</h1>
    </div>
    <div>
    
        <table class="style1">
            <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="Button2" style="margin-right: 10px;margin-left: 10px" type="button" value="Zapisz" onclick="javascript:save();" />
                        <input id="Button1" style="margin-right: 10px;margin-left: 10px" type="button" value="Wyczyść" onclick="javascript:clearForm();" />
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div>
        <h1>Dodani klienci</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>
