<div class="d-flex mt-4" style="gap: 30px">
    <div class="flex-col w-100">
        <label for="name" class="tx-14" translate>Backup name</label>
        <input
            class="mb-4"
            type="text"
            name="name"
            id="name"
            ng-model="backup.Name"
            placeholder="{{'My Photos' | translate}}"
        />
        <div class="mt-2">
            <label for="description" class="tx-14" translate>Description</label>
            <textarea name="description" id="description" ng-model="backup.Description"></textarea>
        </div>
    </div>
    <div class="flex-col w-100">
        <label for="generic_path" class="tx-14" translate>Path on server</label>
        <input
            class="mb-2"
            ng-disabled="isServerPathVerified || backupid > 0"
            type="text"
            name="generic_path"
            id="generic_path"
            ng-model="ServerConfig.Path"
            placeholder="{{'Enter the destination path' | translate}}"
        />
        <div class="d-flex justify-end">
            <button
                type="button"
                ng-show="isServerPathVerified && !isEditMode"
                class="ekup-button ekup-button-ghost"
                ng-click="changeConfiguration()"
            >
                <span class="tx-bold" translate>Change server path</span>
                <i class="ic-edit-2 tx-bold"></i>
            </button>
            <button
                type="button"
                ng-hide="isServerPathVerified"
                ng-disabled="ServerConfig.Path == ''"
                class="ekup-button ekup-button-ghost"
                ng-click="testConnection()"
            >
                <span class="tx-bold" translate>Test connection</span>
                <i class="ic-upload-cloud tx-bold tx-16"></i>
            </button>
        </div>
    </div>
</div>




