{% extends "app.html" %}
{% import "components.html" as c %}
{% block content %}
<a class="btn btn-ghost" style="margin:0 0 var(--space-4);padding-left:0" href="/taches">{{ shell.tr.back_todos }}</a>

<div class="done-title">
  <span class="done-check" aria-hidden="true">
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"></path></svg>
  </span>
  <span class="team-dot" style="background:{{ color }}"></span>
  <span class="done-name">{{ name }}</span>
</div>

<form method="post" action="/taches/{{ id }}/terminer" data-done data-duration>
  <input type="hidden" name="csrf" value="{{ csrf }}">

  <section class="done-sec">
    <div class="done-head">
      <h2>{{ shell.tr.duration_spent }}</h2>
      <label class="swt-check">
        {{ shell.tr.record_time }}
        <input type="checkbox" name="avec_temps" value="1">
        <span class="swt"><span class="knob"></span></span>
      </label>
    </div>
    <div class="done-body">
      {% call c::duration_picker(shell, minus_href, plus_href, minutes, minutes_pretty, shell.tr.minutes_spent_aria, presets) %}{% endcall %}
      <label class="mini-label" for="done-date" style="margin-top:var(--space-3)">{{ shell.tr.time_date }}</label>
      {% call c::date_row(shell, "done-date", "date", date, today.to_string(), "", day_prev, day_next, true) %}{% endcall %}
    </div>
  </section>

  <section class="done-sec" style="margin-top:var(--space-8)">
    <div class="done-head">
      <h2>{{ shell.tr.reschedule }}</h2>
      <label class="swt-check">
        {{ shell.tr.reschedule }}
        <input type="checkbox" name="reprogrammer" value="1" checked>
        <span class="swt"><span class="knob"></span></span>
      </label>
    </div>
    <div class="done-body">
      <p class="done-note" style="margin:0 0 var(--space-3)">{{ rhythm }}</p>
      {% call c::date_row(shell, "next-date", "prochaine", next, "", shell.tr.next_activation_aria, next_prev, next_next, true) %}{% endcall %}
      <p class="done-note" style="margin:var(--space-2) 0 0">{{ next_label }}</p>
    </div>
  </section>

  <button type="submit" class="btn btn-primary btn-block" style="min-height:52px;font-size:16px;margin-top:var(--space-8)">{{ shell.tr.validate }}</button>
</form>

{% endblock %}