<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="AppointmentDetails.aspx.vb" Inherits="MailEnable.Clients.WebMail.Mobile.AppointmentDetails" %>
<%@ Register TagPrefix="m" TagName="Document" Src="Controls/Document.ascx" %>
<%@ Register TagPrefix="m" TagName="Page" Src="Controls/Page.ascx" %>
<%@ Register TagPrefix="m" TagName="TextBox" Src="Controls/TextBox.ascx" %>
<%@ Register TagPrefix="m" TagName="CheckBox" Src="Controls/CheckBox.ascx" %>
<%@ Register TagPrefix="m" TagName="DatePicker" Src="Controls/DatePicker.ascx" %>
<%@ Register TagPrefix="m" TagName="TimePicker" Src="Controls/TimePicker.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectMenu" Src="Controls/SelectMenu.ascx" %>
<%@ Register TagPrefix="m" TagName="SelectOption" Src="Controls/SelectOption.ascx" %>
<%@ Register TagPrefix="m" TagName="FeedbackMessage" Src="Controls/FeedbackMessage.ascx" %>

<m:Document Id="AppointmentDetailsDocument" runat="server">
  <Content>
    <m:Page Id="AppointmentDetailsPage" runat="server">
      <Content>
        <form action="?Id=<%= ItemId %>&TDS=<%=Now.ToOADate()%>" method="post"><%WriteFormValidationField()%>
        
          <m:TextBox Id="Description" Label="Description" runat="server" />
          <m:TextBox Id="Location" Label="Location" runat="server" />
          
          <div class="clear_div" style="height:20px;"></div>
          
          <m:DatePicker Id="StartDate" Label="Start Date" ShowTodayButton="True" UseFocus="True" runat="server" />
          <m:TimePicker Id="StartTime" Label="Start Time" TimeFormat="12" CollapseButtons="True" UseFocus="True" runat="server" />
          <m:DatePicker Id="EndDate" Label="Finish Date" ShowTodayButton="True" UseFocus="True" runat="server" />
          <m:TimePicker Id="EndTime" Label="Finish Time" TimeFormat="12" CollapseButtons="True" UseFocus="True" runat="server" />

          <div class="clear_div" style="height:10px;"></div>
          
          <m:CheckBox Id="AllDay" Label="All day event" runat="server" />
                              
          <div class="clear_div" style="height:5px;"></div>
          
          <div data-role="collapsible" data-content-theme="c">
            <h3><%=GetText("[ME_TXT-More]")%></h3>
              
            <m:SelectMenu Id="Recurrence" Label="Recurrence" runat="server">
            </m:SelectMenu>
            
            <m:SelectMenu Id="BusyStatus" Label="Show Time As" runat="server">
            </m:SelectMenu>
            
            <m:SelectMenu Id="Sensitivity" Label="Sensitivity" runat="server">
            </m:SelectMenu>
            
            <m:SelectMenu Id="Reminder" Label="Reminder" runat="server">
            </m:SelectMenu>
          </div>
          
          <div class="clear_div" style="height:5px;"></div>
          
          <div class="textarea">
              <m:TextBox Id="Notes" Label="Notes" Multiline="true" runat="server" />
          </div>

          <div class="ui-grid-a bttn_grid2_shell">
            <div class="ui-block-a"><a data-role="button" data-rel="back"><%=GetText("[ME_TXT-Cancel]")%></a></div>
            <div class="ui-block-b"><input type="submit" value="<%=GetText("[ME_TXT-Save]")%>" data-theme="b" data-iconpos="right" data-icon="check"/></div>
          </div>
          
          <m:FeedbackMessage ID="Feedback" Visible="false" runat="server" />
        </form>
        
        <div id="ConfirmDeletion" data-role="popup" data-overlay-theme="a">
          <div data-role="header" data-theme="c">
            <h1 class="ui-title-fullwidth"><%=GetText("[ME_TXT-Delete]")%></h1>
          </div>
          <div data-role="content">
            <p><%=GetText("[ME_TXT-ConfirmAppointmentDelete]")%></p><br />
            <a href="?Id=<%= ItemId %>&Op=Del&TDS=<%=Now.ToOADate()%>" data-role="button" data-theme="f"><%=GetText("[ME_TXT-Yes]")%></a>
            <a data-rel="back" data-role="button"><%=GetText("[ME_TXT-No]")%></a>
          </div>
        </div>
      </Content>
      <Footer>
        <% If Not CreationMode Then%>
          <div data-role="controlgroup" data-type="horizontal" data-mini="true">
            <a href="#ConfirmDeletion" data-rel="popup" data-position-to="window" data-role="button" data-icon="cust-delete"><%=GetText("[ME_TXT-Delete]")%></a>
          </div>
        <% End If%>
      </Footer>
    </m:Page>
  </Content>
</m:Document>