{{ template "header" . }}
<div class="flex flex-col gap-4">
    <div class="flex justify-between items-center">
        <h1 class="text-2xl font-bold">Library</h1>
        <button class="btn btn-primary" hx-get="/api/library/scan" hx-target="#scan-results">
            Scan for FLACs
        </button>
    </div>

    <div class="card bg-base-100 shadow">
        <div class="card-body">
            <h2 class="card-title">Scan Results</h2>
            <div id="scan-results" class="overflow-x-auto">
                <p class="text-sm opacity-50">Click scan to find FLAC albums</p>
            </div>
        </div>
    </div>
</div>
{{ template "footer" . }}