<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="ComplexWCFService.aspx.cs" Inherits="AjaxWebServicesDemo.ComplexWCFService" Title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<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;
        }
        #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="~/ComplexWCFService.js"/>
    </Scripts>
    <Services>
        <asp:ServiceReference Path="~/ComplexService.svc" />
    </Services>
  </asp:ScriptManagerProxy>    
    <asp:Panel ID="businessEntityHeader" runat="server">
      <div style="padding:5px; cursor: pointer; vertical-align: middle;">
            <div style="float: left;">Przykład wpisu dla firmy</div>
            <div style="float: left; margin-left: 20px;">
                <asp:Label ID="Label1" runat="server">(Kliknij, aby wyświetlić przykład)</asp:Label>
            </div>
        </div>
    </asp:Panel>
    <asp:Panel ID="businessEntity" runat="server">
        <div>
            <table class="style1">
                <tr>
                    <td class="style2">Identyfikator</td>
                    <td><span id="businessEntityId"></span></td>
                </tr>
                <tr>
                    <td class="style2">Adres</td>
                    <td><input id="businessEntityAddress" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Miasto</td>
                    <td><input id="businessEntityCity" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Województwo</td>
                    <td><input id="businessEntityState" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Kod</td>
                    <td><input id="businessEntityZip" 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:businessEntitySave();" />
                            <input id="Button1" style="margin-right: 10px;margin-left: 10px" type="button" value="Wyczyść" onclick="javascript:businessEntityClear();" />
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </asp:Panel>
    <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
        TargetControlID="businessEntity"
        ExpandControlID="businessEntityHeader"
        CollapseControlID="businessEntityHeader" 
        Collapsed="True"
        TextLabelID="Label1"
        ExpandedText="(Click to hide sample)"
        CollapsedText="(Click to show sample)"
        SuppressPostBack="true">
    </cc1:CollapsiblePanelExtender> 
    <asp:Panel ID="customerEntityHeader" runat="server">
      <div style="padding:5px; cursor: pointer; vertical-align: middle;">
            <div style="float: left;">Przykład wpisu dla klienta</div>
            <div style="float: left; margin-left: 20px;">
                <asp:Label ID="Label2" runat="server">(Kliknij, aby wyświetlić przykład)</asp:Label>
            </div>
        </div>
    </asp:Panel>
    <asp:Panel ID="customerEntity" runat="server">
        <div>
            <table class="style1">
                <tr>
                    <td class="style2">Identyfikator</td>
                    <td><span id="customerEntityId"></span></td>
                </tr>
                <tr>
                    <td class="style2">Imię</td>
                    <td><input id="customerEntityFirstName" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Nazwisko</td>
                    <td><input id="customerEntityLastName" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Adres</td>
                    <td><input id="customerEntityAddress" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Miasto</td>
                    <td><input id="customerEntityCity" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Województwo</td>
                    <td><input id="customerEntityState" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Kod</td>
                    <td><input id="customerEntityZip" 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="Button5" style="margin-right: 10px;margin-left: 10px" type="button" value="Zapisz" onclick="javascript:customerEntitySave();" />
                            <input id="Button6" style="margin-right: 10px;margin-left: 10px" type="button" value="Wyczyść" onclick="javascript:customerEntityClear();" />
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </asp:Panel>
    <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender2" runat="server"
        TargetControlID="customerEntity"
        ExpandControlID="customerEntityHeader"
        CollapseControlID="customerEntityHeader" 
        Collapsed="True"
        TextLabelID="Label2"
        ExpandedText="(Click to hide sample)"
        CollapsedText="(Click to show sample)"
        SuppressPostBack="true">
    </cc1:CollapsiblePanelExtender> 
    <asp:Panel ID="vendorEntityHeader" runat="server">
      <div style="padding:5px; cursor: pointer; vertical-align: middle;">
            <div style="float: left;">Przykład wpisu dla dostawcy</div>
            <div style="float: left; margin-left: 20px;">
                <asp:Label ID="Label3" runat="server">(Kliknij, aby wyświetlić przykład)</asp:Label>
            </div>
        </div>
    </asp:Panel>
    <asp:Panel ID="vendorEntity" runat="server">
        <div>
            <table class="style1">
                 <tr>
                    <td class="style2">Identyfikator</td>
                    <td><span id="vendorEntityId"></span></td>
                </tr>
               <tr>
                    <td class="style2">Nazwa dostawcy</td>
                    <td><input id="vendorEntityVendorName" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Adres</td>
                    <td><input id="vendorEntityAddress" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Miasto</td>
                    <td><input id="vendorEntityCity" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Województwo</td>
                    <td><input id="vendorEntityState" type="text" /></td>
                </tr>
                <tr>
                    <td class="style2">Kod</td>
                    <td><input id="vendorEntityZip" 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="Button3" style="margin-right: 10px;margin-left: 10px" type="button" value="Zapisz" onclick="javascript:vendorEntitySave();" />
                            <input id="Button4" style="margin-right: 10px;margin-left: 10px" type="button" value="Wyczyść" onclick="javascript:vendorEntityClear();" />
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </asp:Panel>
    <cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender3" runat="server"
        TargetControlID="vendorEntity"
        ExpandControlID="vendorEntityHeader"
        CollapseControlID="vendorEntityHeader" 
        Collapsed="True"
        TextLabelID="Label3"
        ExpandedText="(Click to hide sample)"
        CollapsedText="(Click to show sample)"
        SuppressPostBack="true">
    </cc1:CollapsiblePanelExtender> 
</asp:Content>
