{{template "main.html" .}}

{{define "title"}}About{{end}}

{{define "content"}}
<div class="card bg-base-100 shadow-xl">
    <div class="card-body">
        <h1 class="card-title text-3xl">About This App</h1>
        <p class="py-4">This is an example application built with the ReadySite framework.</p>

        <div class="divider"></div>

        <h2 class="text-xl font-semibold">Stack</h2>
        <ul class="list-disc list-inside space-y-2 mt-2">
            <li><strong>Backend:</strong> Go with application framework</li>
            <li><strong>Frontend:</strong> HTMX + DaisyUI + Tailwind CSS</li>
            <li><strong>Templates:</strong> Go html/template with layouts</li>
            <li><strong>Deployment:</strong> Docker on DigitalOcean</li>
        </ul>

        <div class="divider"></div>

        <h2 class="text-xl font-semibold">HTMX Test</h2>
        <p class="mt-2">Current time from server:</p>
        <div hx-get="/api/time" hx-trigger="load, every 1s" class="badge badge-primary badge-lg mt-2"></div>

        <div class="card-actions justify-end mt-4">
            <a href="/" class="btn btn-primary">Back Home</a>
        </div>
    </div>
</div>
{{end}}