{% load i18n %}

<div>
    <div class="card mt-4 pt-2 ps-lg-2">
        <h5 class="card-header">{% trans "Properties" %} [[ this.$route.params.id ]]</h5>
        <div class="card-body">
            <PropertyList
                :items="properties"
                :items_headers="properties_headers"
                :items_relations="{}"
                :hidden_fields="[]"
                group_by="type"
                @deleteItem="deleteItem"
                @createItem="createItem"
                @editItem="editItem"
            ></PropertyList>
        </div>
    </div>

    <div class="card mt-4 pt-2 ps-lg-2">
        <h5 class="card-header">{% trans "Children" %}</h5>
        <div class="card-body">
            <ItemRelationList
                :items="children"
                :items_headers="children_headers"
                :items_relations="{}"
                :hidden_fields="['parent__name']"
                group_by="type__name"
                @deleteItem="deleteItem"
                @createItem="createItem"
                @editItem="editItem"
            ></ItemRelationList>
        </div>
    </div>

    <div class="card mt-4 pt-2 ps-lg-2">
        <h5 class="card-header">{% trans "Parents" %}</h5>
        <div class="card-body">
            <ItemRelationList
                :items="parents"
                :items_headers="parents_headers"
                :items_relations="{}"
                :hidden_fields="['child__name']"
                group_by="type__name"
                @deleteItem="deleteItem"
                @createItem="createItem"
                @editItem="editItem"
            ></ItemRelationList>
        </div>
    </div>
</div>