<div>
    <label for="name" translate>Name</label>
    <input type="text" name="name" id="name" ng-model="backup.Name"
        placeholder="{{'My Photos' | translate}}" />
</div>
<div>
    <label for="description" translate>Description (optional)</label>
    <textarea name="description" id="description" ng-model="backup.Description"></textarea>
</div>

<div>
    <label for="generic_path" translate>Path on server</label>
    <div class="input-with-actions">
        <input ng-disabled="isServerPathVerified || backupid > 0" type="text" name="generic_path" id="generic_path" ng-model="ServerConfig.Path" placeholder="{{'Enter the destination path' | translate}}" />

        <button type="button" ng-show="isServerPathVerified && !isEditMode" class="ekup-button ekup-button-secondary" ng-click="changeConfiguration()">
            <i class="ic-edit-2"></i>
            <span translate>Change server path</span>
        </button>
        <button type="button" ng-hide="Testing || isServerPathVerified" ng-disabled="ServerConfig.Path == ''" class="ekup-button ekup-button-secondary" ng-click="testConnection()">
            <i class="ic-log-in"></i>
            <span translate>Test connection</span>
        </button>
        <button type="button" ng-show="Testing" class="ekup-button ekup-button-secondary" translate>
            <i class="ic-loader"></i>
            <span translate>Testing …</span>
        </button>
    </div>
</div>