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

<div class="input text">
    <label for="generic_path" translate>Path on server</label>
    <input ng-disabled="isServerPathVerified || backupid > 0" type="text" name="generic_path" id="generic_path" ng-model="Path" placeholder="{{'Enter the destination path' | translate}}" />
    <div class="buttons" style="
    clear: both;
    float: none;
    max-width: 635px;
">
        <a href ng-show="isServerPathVerified && !isEditMode" class="test-connection" ng-click="changeConfiguration()" translate>Change server path</a>
        <a href ng-hide="Testing || isServerPathVerified" ng-disabled="Path == ''" class="test-connection" ng-click="testConnection()" translate>Test connection</a>
        <a href ng-show="Testing" class="test-connection" translate>Testing …</a>
    </div>
</div>

<div class="input encryptionhint" ng-hide="isEditMode">
    <p class="warning" translate>
        You can set a passphrase to protect your backups and be accessible only by you. Be caustious to remember this passphrase, it will be asked to make a restore from a different computer or installtion.
    </p>
</div>

<div class="input password" ng-hide="isEditMode">
    <label for="passphrase" translate>Passphrase (optional)</label>
    <input autocomplete="new-password" type="{{ShowPassphrase ? 'text' : 'password'}}"
        name="passphrase" id="passphrase" ng-model="options['passphrase']" />
</div>
<div class="input password" ng-hide="isEditMode">
    <label for="repeat-passphrase" translate>Repeat Passphrase</label>
    <input autocomplete="new-password" type="{{ShowPassphrase ? 'text' : 'password'}}"
        name="repeat-passphrase" id="repeat-passphrase" ng-model="RepeatPasshrase" />

    <div class="tools">
        <ul>
            <li>
                <a href ng-click="togglePassphraseVisibility()" ng-show="ShowPassphrase"
                    translate>Hide</a>
                <a href ng-click="togglePassphraseVisibility()" ng-hide="ShowPassphrase"
                    translate>Show</a>
            </li>
            <li ng-show="PassphraseScoreString">|</li>
            <li class="strength score-{{PassphraseScore}}" ng-show="PassphraseScoreString">
                {{PassphraseScore != 'x' ? 'Strength: ' : ''}} {{PassphraseScoreString}}</li>
        </ul>
    </div>
</div>