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

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

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

<div class="demo-card">
    <div class="demo-card-header">AjaxUploader Overview</div>
    <div class="demo-card-body">
        <p class="demo-description">
            AjaxUploader is a powerful file upload server control for ASP.NET Web Forms. It supports drag-and-drop,
            chunked uploads, file validation, progress tracking, and both server control and JavaScript APIs.
        </p>

        <h5>Key Features</h5>
        <ul>
            <li>Drag-and-drop file selection</li>
            <li>Multiple file uploads with queue management</li>
            <li>Chunked uploading for large files</li>
            <li>Client-side validation (size, type, extensions)</li>
            <li>Real-time progress tracking</li>
            <li>Server control and JavaScript API</li>
            <li>Customizable themes and appearance</li>
            <li>Pre-loaded file display</li>
        </ul>

        <h5>Quick Example</h5>
        <au:AjaxFileUpload ID="Uploader1" runat="server"
            AllowMultiple="true"
            AllowedExtensions=".jpg,.png,.gif,.pdf,.docx"
            MaxFileSize="5MB"
            ButtonText="Select Files"
            AutoUpload="true"
            ShowProgress="true"
            EnableDropZone="true"
            ShowThumbnails="true" />

        <div class="code-panel">
            <pre><code>&lt;%@ Register Assembly="AjaxUploader" Namespace="AjaxUploader.Controls" TagPrefix="au" %&gt;

&lt;au:AjaxFileUpload ID="Uploader1" runat="server"
    AllowMultiple="true"
    AllowedExtensions=".jpg,.png,.gif,.pdf,.docx"
    MaxFileSize="5MB"
    ButtonText="Select Files"
    AutoUpload="true"
    ShowProgress="true"
    EnableDropZone="true"
    ShowThumbnails="true" /&gt;</code></pre>
        </div>
    </div>
</div>

</asp:Content>
