{% load i18n %}

<div>
    <div class="card mt-4 pt-2 ps-lg-2">
        <h5 class="card-header">{% trans "Your items" %}</h5>
        <div class="card-body">

            <ItemList
                :crypto_key="crypto_key"
                :items="items"
                :items_headers="items_headers"
                :items_relations="{'type': types}"
                group_by="type__name"
                @deleteItem="deleteItem"
                @createItem="createItem"
                @editItem="editItem"
            ></ItemList>

        </div>
    </div>

    <div class="card mt-4 pt-2 ps-lg-2">
        <h5 class="card-header">{% trans "Your types" %}</h5>
        <div class="card-body">

            <ItemList
                :crypto_key="crypto_key"
                :items="types"
                :items_headers="types_headers"
                :items_relations="{}"
                group_by="[]"
                @deleteItem="deleteType"
                @createItem="createType"
                @editItem="editType"
            ></ItemList>

        </div>
    </div>

</div>