<%@ Page Title="Manual Upload" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" %>
<%@ Register Assembly="AjaxUploader" Namespace="AjaxUploader.Controls" TagPrefix="au" %>

<asp:Content ID="TitleContent" ContentPlaceHolderID="TitleContent" runat="server">Manual Upload - AjaxUploader v5.0 Demos</asp:Content>
<asp:Content ID="HeaderContent" ContentPlaceHolderID="HeaderTitle" runat="server">Manual Upload</asp:Content>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

<div class="demo-card">
    <div class="demo-card-header">Manual Upload</div>
    <div class="demo-card-body">
        <p class="demo-description">
            Set <code>AutoUpload="false"</code> to let users review their selected files before
            uploading. A separate upload button allows them to start when ready.
        </p>

        <au:AjaxFileUpload ID="Uploader1" runat="server"
            AllowMultiple="true"
            AutoUpload="false"
            ButtonText="Select Files"
            ShowProgress="true" />

        <button type="button" id="startUploadBtn" class="btn btn-primary mt-2" onclick="AjaxUploader.getInstance('Uploader1').startUpload()">
            Start Upload
        </button>
        <div id="manualStatus" class="mt-2 text-muted"></div>

        <div class="code-panel">
            <pre><code>&lt;au:AjaxFileUpload ID="Uploader1" runat="server"
    AllowMultiple="true"
    AutoUpload="false"
    ButtonText="Select Files"
    ShowProgress="true" /&gt;

&lt;button onclick="AjaxUploader.getInstance('Uploader1').startUpload()"&gt;
    Start Upload
&lt;/button&gt;</code></pre>
        </div>
    </div>
</div>

</asp:Content>
