<div>
    <div ng-show="state.CurrentItem != null && state.CurrentItem.title != null" class="blocker" ng-click=""></div>

    <div ng-show="state.CurrentItem != null && state.CurrentItem.title != null" class="modal-dialog ng-cloak">
        <div class="info">
            <div class="title">{{state.CurrentItem.title}}</div>
            <div class="content" ng-show="state.CurrentItem.message || state.CurrentItem.enableTextarea">
                {{state.CurrentItem.message}}
                <form ng-show="state.CurrentItem.enableTextarea">
                    <textarea placeholder="{{state.CurrentItem.placeholder}}" ng-model="state.CurrentItem.textarea" id="copytarget"></textarea>
                </form>
            </div>
            <div class="content" ng-show="state.CurrentItem.htmltemplate" ng-include="state.CurrentItem.htmltemplate"></div>
            <div class="content buttons">
                <ul>
                    <li ng-show="state.CurrentItem.buttonTemplate" ng-include="state.CurrentItem.buttonTemplate" style="display: inline-block"></li>
                    <li ng-repeat="btn in state.CurrentItem.buttons track by $index" style="display: inline-block"><a href class="button" ng-click="onButtonClick($index)">{{btn}}</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>