<div class='HelpDesk bootstrap-wrapper'>
    <div class="modal-header">
        <button type="button" class="close closebtn" data-ng-click="closeInstancePopup()" aria-hidden="true">&times;</button>
        <h1 ng-if="!instance.id" class="modal-title">{{'Create Service Desk' | translate}}</h1>
        <h1 ng-if="instance.id" class="modal-title">{{'Update Service Desk' | translate}}</h1>
    </div>
    <div class="modal-body">
        <form class="form" role="form" name="form">
            <div class="form-group">
                <label>{{"Name" | translate}}</label>
                <input type="text" class="form-control" ng-model="instance.name" ng-required="true" name="instanceName">
            </div>
            <!--<div class="form-group">
                <label>{{"Url" | translate}}</label>
                <input type="text" class="form-control" ng-model="instance.url" ng-required="true" name="instanceUrl">
            </div>-->
        </form>
    </div>
    <div class="modal-footer">
        <button ng-click="closeInstancePopup()" class="btn btn-secondary">{{'Close' | translate}}</button>
        <button ng-if="!instance.id" ng-click="createInstance(instance)" class="btn btn-primary" ng-disabled="!instance.name">{{'Create' | translate}}</button>
        <button ng-if="instance.id" ng-click="updateInstance(instance)" class="btn btn-primary" ng-disabled="!instance.name">{{'Update' | translate}}</button>
    </div>
</div>