{% extends "chrono/manager_category_list.html" %}
{% load i18n %}

{% block page-title-extra-label %}
  {% if object.pk %}{{ object.label }}{% else %}{{ block.super }}{% endif %}
{% endblock %}

{% block breadcrumb %}
  {{ block.super }}
  {% if object.pk %}
    <li class="ariane--list-item">
      <a class="ariane--link" aria-current="page" href="{% url 'chrono-manager-category-edit' pk=object.pk %}">{{ object.label }}</a>
    </li>
  {% else %}
    <li class="ariane--list-item">
      <a class="ariane--link" aria-current="page" href="{% url 'chrono-manager-category-add' %}">{% trans "New Category" %}</a>
    </li>
  {% endif %}
{% endblock %}

{% block appbar %}
  {% if object.id %}
    <h2>{% trans "Edit Category" %}</h2>
  {% else %}
    <h2>{% trans "New Category" %}</h2>
  {% endif %}
  {% if category %}
    <span class="actions">
      <a href="{% url 'chrono-manager-category-inspect' pk=category.pk %}">{% trans 'Inspect' %}</a>
      <a href="{% url 'chrono-manager-category-history' pk=category.pk %}">{% trans 'History' %}</a>
    </span>
  {% endif %}
{% endblock %}

{% block content %}

  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <div class="buttons">
      <button class="submit-button">{% trans "Save" %}</button>
      <a class="cancel" href="{% url 'chrono-manager-category-list' %}">{% trans 'Cancel' %}</a>
    </div>
  </form>
{% endblock %}

{% block sidebar %}
{% endblock %}