{% extends "app.html" %}
{% block content %}
<a class="btn btn-ghost" style="margin:0 0 var(--space-3);padding-left:0" href="/temps">{{ shell.tr.back_times }}</a>
<form method="post" action="{{ action }}">
  <input type="hidden" name="csrf" value="{{ csrf }}">
  <div class="field" style="margin-bottom:var(--space-3)">
    <label for="categorie">{{ shell.tr.category_label }}</label>
    <select class="input" id="categorie" name="categorie" required style="min-height:44px">
      {% for t in categories %}
      <option value="{{ t.id }}"{% if t.selected %} selected{% endif %}>{{ t.name }}</option>
      {% endfor %}
    </select>
  </div>
  <div style="display:flex;gap:var(--space-3);margin-bottom:var(--space-4)">
    <div class="field" style="flex:1">
      <label for="minutes">{{ shell.tr.duration_min_label }}</label>
      <input class="input" id="minutes" name="minutes" type="number" inputmode="numeric"
             min="1" required value="{{ minutes }}" style="min-height:44px">
    </div>
    <div class="field" style="flex:1.4">
      <label for="date">{{ shell.tr.date_label }}</label>
      <input class="input" id="date" name="date" type="date" value="{{ date }}" required style="min-height:44px">
    </div>
  </div>
  <button type="submit" class="btn btn-primary btn-block" style="min-height:46px">{{ shell.tr.save }}</button>
</form>
<form method="post" action="{{ delete_action }}" style="margin-top:var(--space-3)">
  <input type="hidden" name="csrf" value="{{ csrf }}">
  <button type="submit" class="btn btn-secondary btn-block" style="color:var(--color-accent-700)">{{ shell.tr.delete }}</button>
</form>
{% endblock %}