{% extends "base.html" %}
{% block title %}— Settings{% endblock %}
{% block content %}

<div class="mb-6">
  <h1 class="text-2xl font-bold text-slate-900">Settings</h1>
  <p class="text-sm text-slate-500 mt-1">
    Project settings are saved to <code class="font-mono text-xs bg-slate-100 px-1 py-0.5 rounded">settings.yaml</code>
    in the project root.
  </p>
</div>

{% if saved %}
<div class="mb-5 flex items-center gap-2 rounded-md bg-green-50 border border-green-200
            px-4 py-3 text-sm text-green-800">
  <svg class="h-4 w-4 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
  </svg>
  Settings saved.
</div>
{% endif %}

<form method="post" action="/settings" class="space-y-6 max-w-xl">

  <!-- Task cleanup section -->
  <div class="bg-white rounded-lg border border-slate-200 shadow-sm p-6 space-y-5">
    <h2 class="text-base font-semibold text-slate-800">Task record cleanup</h2>
    <p class="text-xs text-slate-500 -mt-2">
      Controls how many task records are kept on disk under
      <code class="font-mono bg-slate-100 px-1 py-0.5 rounded">.tracking/tasks/</code>.
      Cleanup runs automatically at server startup when enabled.
    </p>

    <div class="flex items-center gap-3">
      <label class="w-44 text-sm text-slate-700 flex-shrink-0" for="tasks_ttl_days">
        Retention (days)
      </label>
      <input
        id="tasks_ttl_days"
        name="tasks_ttl_days"
        type="number"
        min="1"
        value="{{ settings.tasks.ttl_days }}"
        class="w-24 rounded-md border border-slate-300 px-3 py-1.5 text-sm
               shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1
               focus:ring-indigo-500"
      >
      <span class="text-xs text-slate-400">days after completion</span>
    </div>

    <div class="flex items-center gap-3">
      <label class="w-44 text-sm text-slate-700 flex-shrink-0" for="tasks_max_count">
        Max records
      </label>
      <input
        id="tasks_max_count"
        name="tasks_max_count"
        type="number"
        min="10"
        value="{{ settings.tasks.max_count }}"
        class="w-24 rounded-md border border-slate-300 px-3 py-1.5 text-sm
               shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1
               focus:ring-indigo-500"
      >
      <span class="text-xs text-slate-400">total task dirs kept on disk</span>
    </div>

    <div class="flex items-center gap-3">
      <input
        id="tasks_auto_cleanup"
        name="tasks_auto_cleanup"
        type="checkbox"
        value="on"
        {% if settings.tasks.auto_cleanup %}checked{% endif %}
        class="h-4 w-4 rounded border-slate-300 text-indigo-600
               focus:ring-indigo-500"
      >
      <label for="tasks_auto_cleanup" class="text-sm text-slate-700">
        Run cleanup automatically at server startup
      </label>
    </div>
  </div>

  <div class="flex items-center gap-3">
    <button
      type="submit"
      class="rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white
             shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2
             focus:ring-indigo-500 focus:ring-offset-2 transition-colors">
      Save settings
    </button>
  </div>

</form>

{% endblock %}