{% 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 and clean up md5-duplicate files. The newest file in each group is kept (★).</p>
    </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 %}