<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{'Edit Content type' | translate}}: {{::selectedContenttype.name}}</h1>
</div>
<div class="modal-body">
    <form>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="ctname">{{'Name' | translate}}</label>
                        <input type="text" class="form-control" id="ctname" placeholder="Name" disabled="disabled" ng-model="selectedContenttype.name">
                    </div>
                    <div class="form-group">
                        <div class="checkbox">
                            <label for="isactive">
                                <input type="checkbox" id="isactive" ng-model="selectedContenttype.isActive">
                                {{'Active' | translate}}
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="">{{'Extended properties' | translate}}</label>
                        <div ui-ace="::{useWrapMode : true, showGutter: true, theme:'crimson_editor', mode: 'json', onLoad: aceLoaded}"
                             ng-model="contentTypeMetadata">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default wiz-btn-padding" ng-click="cancel()">{{'Cancel' | translate}}</button>
    <button type="button" class="btn btn-primary wiz-btn-padding" ng-click="updateContentType()">{{'Save' | translate}}</button>
</div>

<style>
    .ace_editor {
        height: 300px;
    }
</style>





