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

        <button type="button" ng-show="serverConfigIsValidated" 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 || serverConfigIsValidated" 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>

<div class="checkbox-container">
    <input id="use-default-encryption-key" type="checkbox" ng-model="UseDefaultEncryptionKey" />
    <label class="checkbox-label" for="use-default-encryption-key">
        <span class="checkbox">
            <i class="ic-checkbox-check"></i>
        </span>
        <span translate>Use default encryption key (Recommended)</span>                                            
    </label>
</div>
<div ng-show="!UseDefaultEncryptionKey">
    <div class="input password">
        <label for="password" translate>Passphrase</label>
        <input type="password" id="password" name="password" ng-model="encryptionPassphrase" placeholder="{{'Enter backup passphrase, if any' | translate}}" />
    </div>
</div>