<%@ Page Title="All Photo Albums" Language="C#" MasterPageFile="~/MasterPages/FrontEnd.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="PhotoAlbums_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent" Runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
                DataSourceID="EntityDataSource1" DataTextField="Name" DataValueField="Id">
            </asp:DropDownList>

            <asp:ListView ID="ListView1" runat="server" DataKeyNames="Id" DataSourceID="EntityDataSource2">
                
                <EmptyDataTemplate>
                    No data was returned.
                </EmptyDataTemplate>
                
                <ItemTemplate>
                    <li>                                                
                        <%-- Did not use ImageUrl prop of Hyperlink control since we wanted to display a tooltip --%>
                        <asp:HyperLink ID="HyperLink2" runat="server" 
                             NavigateUrl='<%# "~/PhotoAlbums/PictureDetails.aspx?PictureId=" + Eval("Id").ToString()  %>' > <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageUrl") %>' ToolTip='<%# Eval("ToolTip") %>' />
                        </asp:HyperLink>                        
                        <asp:Label ID="DescriptionLabel" runat="server" Text='<%# Eval("Description") %>' />                                                                                             
                    </li>
                </ItemTemplate>        

                <LayoutTemplate>
                    <ul class="ItemContainer">
                        <li runat="server" id="itemPlaceholder" />
                    </ul>
                    <div style="clear: both;">
                        <asp:DataPager ID="DataPager1" runat="server" PageSize="3">
                            <Fields>
                                <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" 
                                    ShowLastPageButton="True" />
                            </Fields>
                        </asp:DataPager>
                    </div>
                </LayoutTemplate>
        
                </asp:ListView>
    
            <asp:EntityDataSource ID="EntityDataSource2" runat="server" 
                AutoGenerateWhereClause="True" ConnectionString="name=PlanetWroxEntities" 
                DefaultContainerName="PlanetWroxEntities" EnableFlattening="False" 
                EntitySetName="Pictures" EntityTypeFilter="" Select="" Where="">
                <WhereParameters>
                    <asp:ControlParameter ControlID="DropDownList1" Name="PhotoAlbumId" 
                        PropertyName="SelectedValue" Type="Int32" />
                </WhereParameters>
        
            </asp:EntityDataSource>

            <asp:EntityDataSource ID="EntityDataSource1" runat="server" 
                ConnectionString="name=PlanetWroxEntities" 
                DefaultContainerName="PlanetWroxEntities" EnableFlattening="False" 
                EntitySetName="PhotoAlbums" Select="it.[Id], it.[Name]">
            </asp:EntityDataSource>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="cpClientScript" Runat="Server">
</asp:Content>