{% extends "manage/manage_base.html" %}
{% load i18n %}

{% block left_slot %}
    <div class="navigation-left-title">
        {% trans "Property groups" %}
    </div>
    {% for property_group in property_groups %}
        <div>
            <a href="{% url lfs_manage_property_group property_group.id %}"
               class="selectable {% ifequal property_group.id current_id %}selected{% endifequal %}">
                {{property_group.name}}
            </a>
        </div>
    {% endfor %}
{% endblock %}

{% block content %}
    <div class="site-actions">
        <span class="label">{{property_group.name}}</span>
        <a class="add" 
           href="{% url lfs_add_property_group %}">{% trans 'Add Property Group' %}</a>
        <a class="delete confirmation-link"
           data="{% trans 'Delete?' %}"
           href="{% url lfs_delete_property_group property_group.id %}">{% trans 'Delete Property Group' %}</a>
    </div>

    <div id="manage-tabs">
        <ul>
            <li class="ui-tabs-nav-item"><a href="#data">{% trans 'Property Group' %}</a></li>            
            <li class="ui-tabs-nav-item"><a href="#properties">{% trans 'Properties' %}</a></li>            
            <li class="ui-tabs-nav-item"><a href="#products">{% trans 'Products' %}</a></li>
            {# <li class="ui-tabs-nav-item"><a href="#product-values">{% trans 'Product values' %}</a></li> #}
        </ul>

        <div id="data">
            <h2>{% trans 'Property Group' %}</h2>
            <form action="{% url lfs_manage_property_group property_group.id %}"
                  method="post">
                {% include "manage/lfs_form.html" %}
                <input type="submit"
                       value="{% trans 'Save property group' %}">
            </form>
        
        </div>
        <div id="properties">
            {{properties|safe}}
        </div>

        <div id="products">
            {{products|safe}}
        </div>    
        
        {# <div id="product-values"> #}
        {#     {{product_values|safe}} #}
        {# </div>     #}

    </div>        
{% endblock %}