<%@ Control Language="C#" %>
<%@ Register TagPrefix="community" Namespace="ASPNET.StarterKit.Communities" Assembly="ASPNET.StarterKit.Communities" %>
<%@ import Namespace="ASPNET.StarterKit.Communities" %>
<%--

This skin is used both for adding and editing a photo. Modify the HTML content
to modify the appearance of the page.
--%>

<community:SectionTitle CssClass="Form_Title" Runat="Server" />
<p class="Form_Description">Use this form to upload images to the portal.  You can rename files before uploading them.</p>


<p>
<community:DisplayQuota runat="Server" />
</p>


<TABLE id="Table2" cellSpacing="0" cellPadding="3" class="Form_Table" border="0">
  <TR>
    <TD class="Form_SectionRow">
      Add Photo Form
      </div>
    </TD>
  </TR>
  <TR class="Form_LabelRow">
    <TD class="Form_LabelText">
      <div>
      <span class="Form_LabelText">Image File </span>
      <community:UploadValidator id="valUpload" ControlToValidate="txtPhotoFile" Text="(required)" Runat="Server" />
      <br>
      <span class="Form_HelpText">(For example, C:\Images\Book.jpg)</span> 
      </div>              
      <input id="txtPhotoFile" type="File" Size="40" Runat="Server"/>
      <br>
      <community:DisplayPhotoImage id="imgPhoto" Width="100" Runat="Server" />
    </TD>
  </TR>
    <tr>
        <td class="Form_LabelText">
        <asp:Panel id="pnlTopics" runat="Server">
            <span class="Form_LabelText">Topic</span> 
            <asp:RequiredFieldValidator ControlToValidate="dropTopics" Text="(required)" InitialValue="-1" CssClass="Form_Field" Runat="Server" />
            <br />
            <community:TopicPicker id="dropTopics" runat="Server" />
        </asp:Panel>
        </td>
    </tr>
  
  <TR>
    <TD class="Form_LabelText">
      <div>
      <span class="Form_LabelText">Name </span>
      <br>
      <span class="Form_HelpText">(For example, 'Summer Trip')</span>       
      <asp:RequiredFieldValidator ControlToValidate="txtPhotoTitle" Text="(required)" CssClass="Form_Field" Runat="Server" />
      </div>				
      <asp:TextBox id="txtPhotoTitle" CssClass="Form_Field" Columns="40" runat="server"></asp:TextBox></P>
    </TD>
  </TR>
  <TR>
    <TD class="Form_LabelText" colSpan="2">
      <div>
      <span class="Form_LabelText">Caption </span>
      <br>
      <span class="Form_HelpText">(This information is listed on the Pictures page.)</span> 
      <asp:RequiredFieldValidator ControlToValidate="txtPhotoBriefDescription" Text="(required)" Display="Dynamic" CssClass="Form_Field" Runat="Server" />
      <community:LengthValidator Maxlength="500" ControlToValidate="txtPhotoBriefDescription" Text="(less than 500 characters)" CssClass="Form_Field" Runat="Server" />
      </div>				
      <asp:TextBox id="txtPhotoBriefDescription" CssClass="Form_Field" runat="server" TextMode="MultiLine" Rows="5" Width="508px"></asp:TextBox></P>

    </TD>
  </TR>
  <TR>
    <TD class="Form_LabelText" colSpan="2">
      <div>
        <span class="Form_LabelText">Full Description</span>
        <br>
        <span class="Form_HelpText">(Optional. Users can access this information when they press the 'Read More' link.)</span>
      </div>				
      <community:HtmlTextBox CssClass="htmlDesigner" SelectedFontSize="3" SelectedFontFace="Times New Roman" id="txtPhotoFullDescription" runat="server"  Rows="5" Width="508px" />
      

    </TD>
  </TR>
  <TR>
    <TD align="right" colSpan="2" class="Form_SectionRow">
      <asp:Button id="btnAdd" CssClass="Form_Button" Runat="server" Text="Add New Image"></asp:Button>
      <asp:Button id="btnEdit" CssClass="Form_Button" Runat="server" Text="Apply Changes"></asp:Button>
    </TD>
  </TR>
</TABLE>
</asp:Panel>
<p>
</p>