{% extends "app.html" %}
{% import "components.html" as c %}
{% block content %}

<h4 class="add_step_title">
  <span>{{ shell.tr.title_picked }}</span>
  <a class="btn btn-ghost" style="margin:0 0" href="/temps/nouveau?mode=manuel">{{ shell.tr.change_category }}</a>
</h4>
<div class="picked">
  <div>
    <span class="dot dot-16" style="background:{{ picked_color }}"></span>
    <span class="pname">{{ picked_name }}</span>
  </div>
</div>

<hr class="step2_hr">

<h4 class="add_step_title">{{ shell.tr.title_select_duration }}</h4>

<form method="post" action="/temps" data-duration>
  <input type="hidden" name="csrf" value="{{ csrf }}">
  <input type="hidden" name="categorie" value="{{ categorie }}">

  <label class="mini-label" for="minutes">{{ shell.tr.duration_label }}</label>
  {% call c::duration_picker(shell, minus_href, plus_href, minutes, minutes_pretty, "", presets) %}{% endcall %}

  <label class="mini-label" for="date">{{ shell.tr.date_label }}</label>
  {% call c::date_row(shell, "date", "date", date, "", "", day_prev, day_next, false) %}{% endcall %}
  <p class="date-label">{{ date_label }}</p>

  <button type="submit" class="btn btn-primary btn-block" style="min-height:52px;font-size:16px">{{ shell.tr.title_add }}</button>
</form>
{% endblock %}