<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="AppointmentList.aspx.vb" Inherits="MailEnable.Clients.WebMail.Mobile.AppointmentList" %>
<%@ Register TagPrefix="m" TagName="Document" Src="Controls/Document.ascx" %>
<%@ Register TagPrefix="m" TagName="Page" Src="Controls/Page.ascx" %>
<%@ Register TagPrefix="m" Assembly="MobileWebMail" Namespace="MailEnable.Clients.WebMail.Mobile" %>
<%@ Register TagPrefix="m" TagName="DatePicker" Src="Controls/DatePicker.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectMenu" Src="Controls/SelectMenu.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectOption" Src="Controls/SelectOption.ascx" %>

<m:Document id="AppointmentListDocument" Title="Calendar" runat="server">
  <Content>
    <m:Page id="AppointmentListPage" Title="Calendar" EmitUrl="true" runat="server">
      <Content>
        <form action="?Op=Range&DTS=<%=Now.ToOADate() %>" method="get">
          <div class="appointment_list" data-role="collapsible" data-content-theme="c">
            <h3><%=GetText("[ME_TXT-DateRange]")%></h3>
                   
            <m:SelectMenu Id="DateRange" Label="Date Range" runat="server">
              <Options>
                <m:SelectOption Text="2 Weeks" Value="14" />
                <m:SelectOption Text="1 Month" Value="30" selected="true" />
                <m:SelectOption Text="3 Months" Value="90"/>
                <m:SelectOption Text="6 Months" Value="180"/>
                <m:SelectOption Text="1 Year" Value="365"/>
                <m:SelectOption Text="Show All" Value="0"/>
              </Options>
            </m:SelectMenu>
            
            <m:DatePicker Id="StartDate" Label="Start Date" ShowTodayButton="True" UseFocus="True" runat="server" />
            
            <div class="button">
              <input type="submit" value="<%=GetText("[ME_TXT-RefreshList]")%>" data-theme="b" data-icon="check"/>
            </div>
          </div>
        </form>
        
        <asp:ListView id="AppointmentListView" DataSourceId="AppointmentsSource" runat="server">
          <LayoutTemplate>
            <ul data-role="listview" class="pagedList" data-divider-theme="c">
              <asp:PlaceHolder id="itemPlaceholder" runat="server" />
            </ul>
            <asp:DataPager id="AppointmentListPager" PageSize="50" QueryStringField="p" runat="server">
              <Fields>
                <m:NextPreviousPagerField />
              </Fields>
            </asp:DataPager>
          </LayoutTemplate>
          <ItemTemplate>
            <%#GroupByDate(DataBinder.Eval(Container.DataItem, "StartDateDisplay"))%>
            <li>
              <a href="AppointmentDetails.aspx?Id=<%# DataBinder.Eval(Container.DataItem, "Id") %>&TS=<%=Now().Ticks%>">
                <table class="listTable">
                  <tr class="topRow">
                    <td class="h1"><%#DataBinder.Eval(Container.DataItem, "DisplayName")%></td>
                    <td class="h1 date right"><%#DataBinder.Eval(Container.DataItem, "StartDateDisplay")%></td>
                  </tr>
                  <tr class="bottomRow">
                    <td class="h3"><%#DataBinder.Eval(Container.DataItem, "Location")%></td>
                    <td class="h2 date right"><%#DataBinder.Eval(Container.DataItem, "StartTimeDisplay")%></td>
                  </tr>
                </table>
              </a>
            </li>
          </ItemTemplate>
          <EmptyDataTemplate>
            <p><%=GetText("[ME_TXT-NoUpcomingAppointments]")%></p>
          </EmptyDataTemplate>
        </asp:ListView>
        <asp:ObjectDataSource id="AppointmentsSource" SelectMethod="GetAppointments" TypeName="MailEnable.Clients.WebMail.Mobile.AppointmentsDataSource" runat="server">
          <SelectParameters>
            <asp:SessionParameter Name="AuthenticatedUser" SessionField="AuthenticatedUser" />
            <asp:SessionParameter Name="UserUtcOffset" SessionField="Offset" />
            <asp:QueryStringParameter Name="StartDate" Type="DateTime" QueryStringField="StartDate" />
            <asp:QueryStringParameter Name="NumDays" Type="Int32" QueryStringField="DateRange" DefaultValue="30" />
          </SelectParameters>
        </asp:ObjectDataSource>
      </Content>
      <Footer>
        <div class="controlgroup_left" data-role="controlgroup" data-type="horizontal" data-mini="true">
          <a href="AppointmentDetails.aspx?TS=<%=Now().Ticks%>" data-role="button" data-icon="plus"><%=GetText("[ME_TXT-Add]")%></a>
        </div>
      </Footer>
    </m:Page>
  </Content>
</m:Document>