{% extends "hobo/base.html" %}
{% load i18n service %}

{% block breadcrumb %}
  {{ block.super }}
  <a href="{% url 'profile-home' %}">{% trans 'User Profile' %}</a>
{% endblock %}

{% block appbar %}
  <h2>{% trans 'User Profile' %}</h2>
  <span class="actions">
    <a rel="popup" href="{% url 'profile-add-attribute' %}">{% trans 'New attribute' %}</a>
  </span>
{% endblock %}

{% block content %}

  <p class="hint">
    {% blocktrans trimmed %}
      Use drag and drop with the ⣿ handles to reorder the profile fields.
    {% endblocktrans %}
  </p>

  <div class="objects-list" id="attributes-list" data-reorder-url="{% url 'profile-reorder' %}">
    {% for object in object_list %}
      <div data-attribute-id="{{object.id}}" {% if object.disabled %}class="disabled"{% endif %}>
        <span class="handle">⣿</span> <span class="label">{{object.label}} <span class="extra-info">({{object.get_real_kind_display}}, "{{ object.name }}")</span></span>
        <a rel="popup" href="{% url 'profile-attribute-options' name=object.name %}">{% trans 'options' %}</a>
      </div>
    {% endfor %}
  </div>

{% endblock %}