{% extends "base.html" %}
{% block title %}Duplicates — DriveCore{% endblock %}
{% block page_label %}Duplicates{% endblock %}

{% block content %}
<div class="max-w-5xl mx-auto pb-20 animate-fade-in">

    <!-- Header -->
    <div class="mb-8">
        <h1 class="text-[28px] font-bold tracking-tight mb-1">Duplicate Files</h1>
        <p class="text-[14px] text-[#86868B]">Identify duplicate files wasting storage space.</p>
        <div class="mt-3 inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-amber-50 dark:bg-amber-500/10 text-amber-700 dark:text-amber-400 text-[12px] font-medium">
            <i data-lucide="info" class="w-3.5 h-3.5"></i>
            Read-only view — bulk cleanup coming in a future release.
        </div>
    </div>

    <!-- Content -->
    <div id="duplicates-container">
        <div class="flex justify-center py-12"><div class="spinner"></div></div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
document.addEventListener('DOMContentLoaded', loadDuplicates);
</script>
{% endblock %}