{% extends "ui/templates/base/layout.html" %}
{% block content %}
<div class="space-y-6">
  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
    <div><h2 class="text-xl font-semibold text-slate-900">Duplicate Task Review</h2><p class="mt-1 text-sm text-slate-500">{{ service.service_code }} · {{ service.service_name }} · {{ 'System defaults' if scope == 'default' else 'Firm task templates' }}</p></div>
    <a href="{% if scope == 'default' %}/services/catalogue/{{ service.id }}/defaults{% else %}/services/templates/{{ service.id }}{% endif %}" class="rounded-xl border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Back to Tasks</a>
  </div>
  {% if request.query_params.get('merged') %}<div class="rounded-xl border border-emerald-200 bg-emerald-50 p-4 text-sm text-emerald-800">{{ request.query_params.get('merged') }} duplicate template(s) merged safely. Source templates were deactivated; historical engagement tasks were not changed.</div>{% endif %}
  {% if request.query_params.get('merge_error') %}<div class="rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-800">Merge could not be completed. Select one master task and at least one different duplicate task.</div>{% endif %}
  <section class="rounded-2xl bg-white p-5 shadow-soft">
    <h3 class="text-sm font-semibold text-slate-900">Likely Duplicates</h3><p class="mt-1 text-sm text-slate-500">Suggestions use task-name similarity only. Review the meaning before merging.</p>
    <div class="mt-4 space-y-2">{% for pair in pairs %}<div class="grid gap-2 rounded-xl border border-slate-200 p-3 text-sm md:grid-cols-[1fr_auto_1fr]"><div><span class="font-semibold">{{ pair.left.sequence_no }}.</span> {{ pair.left.task_name }}</div><div class="rounded-full bg-amber-50 px-2 py-1 text-xs font-semibold text-amber-800">{{ pair.score }}%</div><div><span class="font-semibold">{{ pair.right.sequence_no }}.</span> {{ pair.right.task_name }}</div></div>{% else %}<div class="rounded-xl border border-dashed border-slate-300 p-5 text-sm text-slate-500">No high-confidence duplicate pairs detected automatically. You can still merge manually below.</div>{% endfor %}</div>
  </section>
  <section class="rounded-2xl bg-white p-5 shadow-soft">
    <h3 class="text-sm font-semibold text-slate-900">Merge Selected Templates</h3><p class="mt-1 text-sm text-slate-500">The master template remains active and unchanged. Selected source templates are deactivated, not deleted. Existing engagement task history is preserved.{% if scope == 'firm' %} Unique document requirements and uploaded task templates are reassigned to the master where safe.{% endif %}</p>
    <form method="post" action="{% if scope == 'default' %}/services/catalogue/{{ service.id }}/defaults/duplicates/merge{% else %}/services/templates/{{ service.id }}/duplicates/merge{% endif %}" class="mt-5 space-y-5" onsubmit="return confirm('Merge the selected duplicate task templates? Source templates will be deactivated and historical engagement work will remain unchanged.');">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div><label class="mb-2 block text-sm font-medium text-slate-700">Master Task to Keep</label><select name="master_task_id" required class="w-full rounded-xl border border-slate-300 px-4 py-2 text-sm"><option value="">Select master task</option>{% for task in tasks %}{% if task.is_active %}<option value="{{ task.id }}">{{ task.sequence_no }}. {{ task.task_name }}</option>{% endif %}{% endfor %}</select></div>
      <div><div class="mb-2 text-sm font-medium text-slate-700">Duplicate Tasks to Merge Into Master</div><div class="max-h-96 space-y-2 overflow-y-auto rounded-xl border border-slate-200 p-3">{% for task in tasks %}{% if task.is_active %}<label class="flex items-start gap-3 rounded-lg px-2 py-2 hover:bg-slate-50"><input type="checkbox" name="source_task_ids" value="{{ task.id }}" class="mt-1"><span class="text-sm"><strong>{{ task.sequence_no }}.</strong> {{ task.task_name }}{% if task.task_category %}<span class="ml-2 text-xs text-slate-500">{{ task.task_category }}</span>{% endif %}</span></label>{% endif %}{% endfor %}</div></div>
      <div class="flex justify-end"><button class="rounded-xl bg-amber-600 px-4 py-2 text-sm font-semibold text-white hover:bg-amber-700">Merge Selected Tasks</button></div>
    </form>
  </section>
</div>
{% endblock %}