{{ define "settings-panel-advanced" }}
<section class="card bg-base-200 shadow-sm p-6 space-y-4">
    <h2 class="text-xl font-semibold">Data Privacy</h2>
    <p class="text-base-content/70">Download a copy of all data we store about you.</p>

    <div>
        <a href="/api/export-data" class="btn btn-secondary gap-2" download>
            {{ icon "download" "size-4" }}
            Export All My Data
        </a>
    </div>

    <p class="text-sm text-base-content/60">
        This includes your authorized devices, sessions, and hold memberships.
        Data stored on your PDS is already under your control.
        See our <a href="/privacy" class="link link-primary">Privacy Policy</a> for details.
    </p>
</section>

<section class="border-2 border-error rounded-lg p-6 space-y-4" role="region" aria-labelledby="danger-zone-heading">
    <h2 id="danger-zone-heading" class="text-xl font-semibold text-error flex items-center gap-2">
        {{ icon "alert-triangle" "size-5" }}
        Danger Zone
    </h2>

    <div class="space-y-4">
        <div>
            <h3 class="font-semibold">Delete {{ .ClientShortName }} Data</h3>
            <p class="text-base-content/70 mt-1">Remove your data from {{ .ClientShortName }}. This action cannot be undone.</p>
        </div>

        <div class="alert bg-base-200">
            {{ icon "info" "size-5 shrink-0" }}
            <span><strong>This does not delete your ATProto (Bluesky, Blacksky, Tangled) account.</strong><br>Only {{ .ClientShortName }}-specific data (authorized devices, hold memberships, settings) will be removed.</span>
        </div>

        <div class="space-y-2">
            <label class="flex items-start gap-3 cursor-pointer">
                <input type="checkbox" id="delete-pds-records" class="checkbox checkbox-sm mt-0.5">
                <span class="text-sm">Also delete all <code class="cmd">io.atcr.*</code> records from my ATProto PDS</span>
            </label>
            <p class="text-xs text-base-content/60 ml-7">
                This removes {{ .ClientShortName }} records (manifests, tags, stars, profile) stored in your PDS.
                Other records in your account are not impacted.
            </p>
        </div>

        <button type="button" id="delete-account-btn" class="btn btn-error btn-lg gap-2"
                data-client-short-name="{{ .ClientShortName }}"
                data-profile-handle="{{ .Profile.Handle }}">
            {{ icon "trash-2" "size-5" }}
            Delete My {{ .ClientShortName }} Data
        </button>
    </div>
</section>
{{ end }}