{{/* THE APP'S CONFIGURATION FIELDS — shared by the install wizard and the settings tab.

     ONE copy of this markup, rendered by two surfaces, because they are the same fields: the
     install page submits them, the settings tab shows what was submitted. `.AlreadyDeployed` is
     the single flag every branch below reads, exactly as it did when both surfaces were one page —
     that is what keeps the install form and the settings view from drifting apart.

     The secret rules are unchanged and load-bearing:
       R-254 — an INSTALLED app's `type: secret` value is not in the page; the eye fetches it.
       R-709 — nor is a `type: password` one.
       The PRE-DEPLOY hidden input is deliberate: the form must carry what it submits, so the value
       saved is the one the household was shown (controller/README §318). */}}

{{define "app_deploy_fields"}}
        {{if .AutoFields}}
        <div class="form-section">
            <h4>{{T "deploy.automatikusan_generalt_ertekek"}}</h4>
            {{if .AlreadyDeployed}}
            <p class="form-section-desc">{{T "deploy.ezek_az_ertekek_automatikusan_jottek"}}</p>
            {{else}}
            <p class="form-section-desc">{{T "deploy.ezek_az_ertekek_a_telepitessel"}}</p>
            {{end}}
            {{$autoValues := .AutoFieldValues}}
            {{$stackName := .Stack.Name}}
            {{$isDeployed := .AlreadyDeployed}}
            {{range .AutoFields}}
            {{$val := index $autoValues .EnvVar}}
            <div class="form-group form-group-auto">
                <label>{{.Label}} {{if eq .Type "secret"}}<span class="auto-generated-badge"><svg class="ico ico-sm"><use href="#i-check"/></svg> {{T "deploy.automatikusan_generalva"}}</span>{{end}}</label>
                {{if $val}}
                {{if eq .Type "secret"}}
                {{if $isDeployed}}
                <!-- R-254 site two: on an ALREADY-DEPLOYED app nothing is being submitted, so there is
                     no reason for the value to be in this page at all. It is fetched on demand. The
                     pre-deploy branch below is different and deliberate — the form must carry what it
                     submits, so the saved value is the one the customer was shown (README §318). -->
                <div class="input-with-button">
                    <input type="password" id="auto-field-{{.EnvVar}}" class="form-control" value="" placeholder="••••••••••••" readonly>
                    <button type="button" class="btn btn-sm btn-outline" onclick="revealAutoField('{{$stackName}}','{{.EnvVar}}', this)">{{T "deploy.megjelenites"}}</button>
                </div>
                {{else}}
                <div class="input-with-button">
                    <input type="password" id="auto-field-{{.EnvVar}}" class="form-control" value="{{$val}}" readonly>
                    <button type="button" class="btn btn-sm btn-outline" onclick="toggleAutoField('auto-field-{{.EnvVar}}', this)">{{T "deploy.megjelenites"}}</button>
                </div>
                {{end}}
                {{else}}
                <input type="text" id="auto-field-{{.EnvVar}}" class="form-control" value="{{$val}}" readonly>
                {{end}}
                {{if and (not $isDeployed) (eq .Type "secret")}}
                <input type="hidden" name="{{.EnvVar}}" value="{{$val}}">
                {{end}}
                {{end}}
            </div>
            {{end}}
        </div>
        {{end}}

        {{if .UserFields}}
        <div class="form-section">
            <h4>{{T "deploy.beallitasok"}}</h4>
            {{range .UserFields}}
            <div class="form-group">
                <label for="field-{{.EnvVar}}">
                    {{.Label}}
                    {{if or .Required (eq .Type "password")}}<span class="required">*</span>{{end}}
                    {{if .LockedAfterDeploy}}<span class="locked-hint">{{T "deploy.telepites_utan_nem_modosithato"}}</span>{{end}}
                </label>

                {{if eq .Type "subdomain"}}
                <div class="subdomain-input-group">
                    <input type="text" id="field-{{.EnvVar}}" name="{{.EnvVar}}"
                           class="form-control subdomain-input"
                           {{/* R-351: a reinstall offers the address the customer's own backup recorded,
                                ahead of the catalog default. Editable — a domain can legitimately change. */}}
                           value="{{if and $.AlreadyDeployed $.DeployedFieldValues}}{{index $.DeployedFieldValues .EnvVar}}{{else if index $.RestoreFieldValues .EnvVar}}{{index $.RestoreFieldValues .EnvVar}}{{else}}{{.Default}}{{end}}"
                           placeholder="{{T "deploy.aldomain_placeholder"}}"
                           pattern="[a-z0-9]([a-z0-9-]*[a-z0-9])?"
                           required
                           {{if $.AlreadyDeployed}}disabled{{end}}
                           oninput="this.value=this.value.toLowerCase().replace(/[^a-z0-9-]/g,'')">
                    <span class="subdomain-suffix">.{{$.Domain}}</span>
                </div>
                {{if not $.AlreadyDeployed}}
                <span class="form-hint">{{T "deploy.az_aldomain_telepites_utan_nem"}}</span>
                {{end}}
                {{else if eq .Type "select"}}
                <select id="field-{{.EnvVar}}" name="{{.EnvVar}}" class="form-control"
                        {{if $.AlreadyDeployed}}disabled{{end}}>
                    {{range .Options}}
                    <option value="{{.Value}}">{{.Label}}</option>
                    {{end}}
                </select>
                {{else if eq .Type "password"}}
                <div class="input-with-button">
                    {{- if $.AlreadyDeployed}}
                    {{- /* R-709 (v0.280.0): an installed app's password is never in this page; the eye fetches it. */}}
                    <input type="password" id="field-{{.EnvVar}}" class="form-control" value="" placeholder="••••••••••••" disabled>
                    {{- if not (and $.RestoredLogins (index $.RestoredLogins .EnvVar))}}
                    <button type="button" class="btn btn-sm btn-outline pw-toggle-btn"
                            onclick="revealPasswordField('{{$.Stack.Name}}', '{{.EnvVar}}', this)"
                            title="{{T "deploy.megjelenites"}}">&#128065;</button>
                    {{- end}}
                    {{- else}}
                    <input type="password" id="field-{{.EnvVar}}" name="{{.EnvVar}}"
                           class="form-control" value="{{.Default}}"
                           placeholder="{{.Placeholder}}"
                           data-field-type="password"
                           required>
                    <button type="button" class="btn btn-sm btn-outline pw-toggle-btn"
                            onclick="togglePasswordField('field-{{.EnvVar}}', 'field-confirm-{{.EnvVar}}', this)"
                            title="{{T "deploy.megjelenites"}}">&#128065;</button>
                    <button type="button" class="btn btn-sm btn-outline"
                            onclick="generatePassword('field-{{.EnvVar}}', 'field-confirm-{{.EnvVar}}', '{{.Generate}}')">{{T "deploy.generalas"}}</button>
                    {{- end}}
                </div>
                {{if $.AlreadyDeployed}}
                <span class="form-hint">{{if and $.RestoredLogins (index $.RestoredLogins .EnvVar)}}{{T "deploy.login_from_backup"}}{{else}}{{T "deploy.telepiteskor_beallitott_kezdeti_jelszo_h"}}{{end}}</span>
                {{else}}
                <div class="input-with-button" style="margin-top:.25rem">
                    <input type="password" id="field-confirm-{{.EnvVar}}"
                           class="form-control" placeholder="{{T "deploy.jelszo_megerositese"}}"
                           data-confirm-for="field-{{.EnvVar}}">
                </div>
                {{end}}
                {{else if eq .Type "boolean"}}
                <label class="toggle">
                    <input type="checkbox" id="field-{{.EnvVar}}" name="{{.EnvVar}}" value="true"
                           {{if $.AlreadyDeployed}}disabled{{end}}>
                    <span class="toggle-label">{{T "deploy.igen"}}</span>
                </label>
                {{else if eq .Type "path"}}
                {{if $.StoragePaths}}
                <select id="field-{{.EnvVar}}" name="{{.EnvVar}}" class="form-control"
                        {{if $.AlreadyDeployed}}disabled{{end}}
                        onchange="checkStorageSpace(this)">
                    {{range $.StoragePaths}}
                    <option value="{{.Path}}" data-free-percent="{{printf "%.0f" .FreePercent}}"
                            {{if .NotAllowed}}disabled{{end}}
                            {{/* R-351: on a reinstall the drive the BACKUP recorded wins over the
                                 configured default — it is where this app's data actually lived, and
                                 restoring into a different drive is the mismatch the restore then has
                                 to stop and name. The customer can still pick another. */}}
                            {{if $.AlreadyDeployed}}{{if eq .Path $.CurrentHDDPath}}selected{{end}}{{else if $.RestorePrefillHDDPath}}{{if and (eq .Path $.RestorePrefillHDDPath) (not .NotAllowed)}}selected{{end}}{{else if and .IsDefault (not .NotAllowed)}}selected{{end}}>
                        {{T "deploy.szabad_2"}}{{if .NotAllowed}} ({{.NotAllowedNote}}){{else if .IsDefault}} {{T "deploy.alapertelmezett"}}{{end}}
                    </option>
                    {{end}}
                    {{if $.CurrentHDDPathMissing}}
                    <option value="{{$.CurrentHDDPath}}" selected disabled>{{T "deploy.nem_elerheto"}}</option>
                    {{end}}
                </select>
                <div id="storage-space-warn" class="form-hint" style="color:var(--warn);display:none">
                    <svg class="ico ico-sm"><use href="#i-triangle-alert"/></svg> {{T "deploy.a_kivalasztott_tarhely_majdnem_megtelt"}}
                </div>
                <div class="form-hint" style="margin-top:.4rem;opacity:.8">
                    <svg class="ico ico-sm"><use href="#i-info"/></svg> {{T "deploy.a_kivalasztott_meghajton_az_alkalmazas"}}
                </div>
                {{else}}
                <input type="text" id="field-{{.EnvVar}}" name="{{.EnvVar}}"
                       class="form-control" value="{{.Default}}"
                       placeholder="{{.Placeholder}}"
                       {{if .Required}}required{{end}}
                       {{if $.AlreadyDeployed}}disabled{{end}}>
                <span class="form-hint" style="color:var(--warn)">{{T "deploy.nincs_regisztralt_adattarolo_adja_meg"}}</span>
                {{end}}
                {{else}}
                <input type="text" id="field-{{.EnvVar}}" name="{{.EnvVar}}"
                       class="form-control" value="{{.Default}}"
                       placeholder="{{.Placeholder}}"
                       {{if .Required}}required{{end}}
                       {{if $.AlreadyDeployed}}disabled{{end}}>
                {{end}}

                {{if and .Description (ne .Type "subdomain")}}
                <span class="form-hint">{{.Description}}</span>
                {{end}}
            </div>
            {{end}}
        </div>
        {{end}}
{{end}}