<div ng-controller="Wizdom365LoadingBannerTemplatePicker as vm">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title">
            <h1>{{'Properties' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <button class="btn btn-primary wide-config-btn"
                    ng-disabled="vm.saving"
                    ng-click="vm.save()">
                Save configuration
            </button>
        </div>
    </div>

    <div class="panel lt-module-page__content-panel">
        <div class="form-group row">
            <div class="col-sm-4">
                <label class="control-label control-input-text">{{ 'Select loading banner template' | translate}}</label>
            </div>
            <div class="col-sm-8">
                <wizdom365-template-picker template-url="vm.settings.SelectedTemplate['#text']" directory-path="LoadingBanner/Templates/ViewTemplates"></wizdom365-template-picker>
            </div>
        </div>
    </div>
</div>