<div ng-controller="Umbraco.Editors.InsertOverlay as vm">

    <umb-editor-view>

        <umb-editor-header
            name="model.title"
            name-locked="true"
            hide-alias="true"
            hide-icon="true"
            hide-description="true">
        </umb-editor-header>
        
        <umb-editor-container>

            <umb-box>
                <umb-box-content>
                    <div class="umb-insert-code-boxes">
                        <div ng-if="model.allowedTypes.umbracoField" class="umb-insert-code-box" ng-click="vm.openPageFieldOverlay()">
                            <div class="umb-insert-code-box__title"><localize key="template_insertPageField" />...</div>
                            <div class="umb-insert-code-box__description"><localize key="template_insertPageFieldDesc" /></div>
                        </div>
                        <div ng-if="model.allowedTypes.partial" class="umb-insert-code-box" ng-click="vm.openPartialOverlay()">
                            <div class="umb-insert-code-box__title"><localize key="template_insertPartialView" />...</div>
                            <div class="umb-insert-code-box__description">
                                <localize key="template_insertPartialViewDesc" />
                            </div>
                        </div>
                        <div ng-if="model.allowedTypes.macro" class="umb-insert-code-box" ng-click="vm.openMacroPicker()">
                            <div class="umb-insert-code-box__title"><localize key="template_insertMacro" />...</div>
                            <div class="umb-insert-code-box__description">
                                <localize key="template_insertMacroDesc" />
                            </div>
                        </div>
                        <div ng-if="model.allowedTypes.dictionary" class="umb-insert-code-box" ng-click="vm.openDictionaryItemOverlay()">
                            <div class="umb-insert-code-box__title"><localize key="template_insertDictionaryItem" />...</div>
                            <div class="umb-insert-code-box__description"><localize key="template_insertDictionaryItemDesc" /></div>
                        </div>
                    </div>
                </umb-box-content>
            </umb-box>

        </umb-editor-container>

        <umb-editor-footer>
            <umb-editor-footer-content-right>
                <umb-button
                    type="button"
                    button-style="link"
                    label-key="general_close"
                    shortcut="esc"
                    action="vm.close()">
                </umb-button>
            </umb-editor-footer-content-right>
        </umb-editor-footer>

    </umb-editor-view>
    
</div>
