{% set parent_id = parent_id|default(null) %}
{% set language = language|default(current_language) %}
<div class="ui segment">
    <div class="ui grid">
        <div class="fourteen wide column pt-1">      
            {{ component('category::admin.branch',{ class: 'clearable top left pointing selection mini' }) }} 
            <span class="ml-4 px-1 font-bold">{{ labels.language }}</span>
            {{  component('semantic~language.dropdown',{
                    name: 'language',
                    id: 'choose_language',
                    selected: language,
                    class: 'inline selection mini' 
                })
            }}   
        </div>               
        <div class="two wide column right aligned px-1 pt-1">
            {{ component('semantic~paginator.dropdown',{ class: 'mini', namespace: 'category' }) }}
        </div>
    </div>
</div>
<div class="ui segment">
    <div class="mt-2" id="category_rows" component="category::admin.view.items" namespace="category" branch="{{ branch }}">
        {{ component('category::admin.view.items',{ parent_id: parent_id, language: language, branch: branch }) }}   
    </div>
    <div class="mt-2" id="paginator">
        {{ component('semantic~paginator',{ namespace: 'category' }) }}
    </div>
</div>