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

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

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

<div class="demo-card">
    <div class="demo-card-header">Default Theme</div>
    <div class="demo-card-body">
        <p class="demo-description">
            The default AjaxUploader appearance out of the box. No additional CSS or configuration needed.
            The built-in styles include a file input, progress bar, and queue display.
        </p>

        <h6>Standard Uploader</h6>
        <au:AjaxFileUpload ID="Uploader1" runat="server"
            ButtonText="Browse..."
            AutoUpload="true"
            ShowProgress="true" />

        <h6 class="mt-4">With Drop Zone</h6>
        <au:AjaxFileUpload ID="Uploader2" runat="server"
            AllowMultiple="true"
            AutoUpload="true"
            ShowProgress="true"
            EnableDropZone="true" />

        <div class="code-panel">
            <pre><code>@@ Standard @@
&lt;au:AjaxFileUpload ID="Uploader1" runat="server"
    ButtonText="Browse..."
    AutoUpload="true"
    ShowProgress="true" /&gt;

@@ Drop Zone @@
&lt;au:AjaxFileUpload ID="Uploader2" runat="server"
    AllowMultiple="true"
    AutoUpload="true"
    ShowProgress="true"
    EnableDropZone="true" /&gt;</code></pre>
        </div>
    </div>
</div>

</asp:Content>
