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

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

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

<div class="demo-card">
    <div class="demo-card-header">Minimal Setup</div>
    <div class="demo-card-body">
        <p class="demo-description">
            The absolute minimum code required to add a working file upload to your page.
            Just one server control is all you need.
        </p>

        <au:AjaxFileUpload ID="Uploader1" runat="server" />

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

&lt;au:AjaxFileUpload ID="Uploader1" runat="server" /&gt;</code></pre>
        </div>

        <h5 class="mt-4">What Happens Behind the Scenes</h5>
        <ol>
            <li>The server control renders a styled file input with upload button</li>
            <li>When a file is selected, it is uploaded via AJAX to the handler URL</li>
            <li>Progress is shown automatically during upload</li>
            <li>A success or error status is displayed on completion</li>
        </ol>
    </div>
</div>

</asp:Content>
