<div class="t3-page-ce-header t3js-page-ce-header" {f:if(condition: '{allowEditContent} && {item.dragAndDropAllowed}', then: 'draggable="true"')}>
    <div class="t3-page-ce-header-left">
        {item.icons -> f:format.raw()}
        <f:if condition="{item.siteLanguage.flagIdentifier}">
            <span class="t3-page-ce-header-icon-flag t3js-flag">
                <span class="visually-hidden">{item.siteLanguage.title}</span>
                <core:icon identifier="{item.siteLanguage.flagIdentifier}" title="{item.siteLanguage.title}" />
            </span>
        </f:if>
    </div>
    <div class="t3-page-ce-header-title">
        {item.contentTypeLabel}
    </div>
    <div class="t3-page-ce-header-right">
        <f:if condition="{item.editable} && {allowEditContent}">
            <div class="btn-toolbar">
                <div class="btn-group btn-group-sm">
                    <typo3-backend-contextual-record-edit-trigger
                        url="{item.contextualEditUrl}"
                        edit-url="{item.editUrl}"
                        class="btn btn-sm btn-default btn-borderless"
                        title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:edit')}"
                    >
                        <core:icon identifier="actions-open" />
                    </typo3-backend-contextual-record-edit-trigger>
                    <f:if condition="{item.visibilityToggling}">
                        <button type="button"
                            class="btn btn-sm btn-default btn-borderless"
                            data-action="content-element-visibility-toggle"
                            title="{item.visibilityToggleTitle}">
                            <typo3-backend-icon identifier="actions-edit-{item.visibilityToggleIconName}" size="small"></typo3-backend-icon>
                        </button>
                    </f:if>
                    <f:if condition="{item.delible}">
                        <a class="btn btn-default btn-borderless t3js-modal-trigger"
                            href="{item.deleteUrl}"
                            data-severity="warning"
                            data-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:label.confirm.delete_record.title')}"
                            data-content="{item.deleteMessage}"
                            data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
                            data-button-ok-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:delete')}"
                            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:deleteItem')}">
                            <core:icon identifier="actions-edit-delete" size="small" />
                        </a>
                    </f:if>
                    <button type="button"
                            aria-haspopup="true"
                            aria-controls="contentMenu0"
                            aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}"
                            class="btn btn-sm btn-default btn-borderless"
                            data-contextmenu-trigger="click"
                            data-contextmenu-table="{item.table}"
                            data-contextmenu-uid="{item.record.uid}">
                        <core:icon identifier="actions-menu-alternative" />
                    </button>
                </div>
            </div>
        </f:if>
    </div>
</div>
