{{define "tier2_config"}}
{{template "layout_start" .}}

<div class="page-header">
    <h2>{{T "tier2_config.2_mentes_beallitasa"}}</h2>
    <a href="/backups/apps" class="btn btn-outline btn-sm">{{T "tier2_config.vissza_a_mentesekhez"}}</a>
</div>

{{if .Flash}}<div class="monitoring-banner monitoring-banner-green">{{.Flash}}</div>{{end}}
{{if .FlashError}}<div class="monitoring-banner monitoring-banner-red">{{.FlashError}}</div>{{end}}

<div class="monitor-card">
{{with .Tier2}}
    <p style="color:var(--text-3);font-size:.9rem;margin-top:0">
        {{T "tier2_config.a_2_mentes_egy_masik"}}
    </p>

    {{if not .IsHDDApp}}
    <div class="monitoring-banner monitoring-banner-yellow" style="margin-top:1rem">
        {{T "tier2_config.ennek_az_alkalmazasnak_az_adatai"}}
    </div>
    {{else}}
    <h3 style="margin-top:1.5rem">{{T "tier2_config.jelenlegi_allapot"}}</h3>
    <div class="sysinfo-grid">
        <div class="sysinfo-row">
            <span class="sysinfo-label">{{T "tier2_config.2_mentes"}}</span>
            <span class="sysinfo-value">{{if .Disabled}}{{T "tier2_config.kikapcsolva"}}{{else}}{{T "tier2_config.bekapcsolva"}}{{end}}</span>
        </div>
        {{if .NoTarget}}
        <div class="sysinfo-row">
            <span class="sysinfo-label">{{T "tier2_config.cel"}}</span>
            <span class="sysinfo-value text-error">{{T "tier2_config.nincs_elerheto_off_drive_cel"}}</span>
        </div>
        <div class="sysinfo-row">
            <span class="sysinfo-label">{{T "tier2_config.megjegyzes"}}</span>
            <span class="sysinfo-value" style="color:var(--text-3)">{{.NoTargetReason}}</span>
        </div>
        {{else}}
        <div class="sysinfo-row">
            <span class="sysinfo-label">{{T "tier2_config.cel_meghajto"}}</span>
            <span class="sysinfo-value">{{.EffectiveLabel}}{{if .EffectiveIsSSD}} {{T "tier2_config.csak_db_konfiguracio"}}{{end}}</span>
        </div>
        <div class="sysinfo-row">
            <span class="sysinfo-label">{{T "tier2_config.kivalasztas_modja"}}</span>
            <span class="sysinfo-value" style="color:var(--text-3)">{{if .Preferred}}{{T "tier2_config.kezi_valasztas"}}{{else}}{{T "tier2_config.automatikus_kisbetu"}}{{end}} — {{.EffectiveDesc}}</span>
        </div>
        {{end}}
    </div>

    {{if .EffectiveIsSSD}}
    <div class="monitoring-banner monitoring-banner-yellow" style="margin-top:1rem">
        {{T "tier2_config.jelenleg_csak_a_belso_ssd"}}
    </div>
    {{end}}

    <form method="POST" action="/stacks/{{$.StackName}}/backup" style="margin-top:1.5rem">
        {{$.CSRFField}}
        <div class="form-group">
            <label style="display:flex;align-items:center;gap:.5rem">
                <input type="checkbox" name="enabled" value="on" {{if not .Disabled}}checked{{end}}>
                {{T "tier2_config.2_mentes_bekapcsolva"}}
            </label>
        </div>
        <div class="form-group">
            <label for="target">{{T "tier2_config.cel_meghajto"}}</label>
            <select id="target" name="target" class="form-control">
                <option value="">{{T "tier2_config.automatikus"}}{{if not .NoTarget}} {{T "tier2_config.jelenleg"}}{{end}}</option>
                {{range .Alternatives}}
                <option value="{{.Path}}" {{if eq .Path $.Tier2.Preferred}}selected{{end}}>{{.Label}}</option>
                {{end}}
            </select>
            {{if not .Alternatives}}
            <div style="font-size:.8rem;color:var(--text-3);margin-top:.4rem">
                {{T "tier2_config.nincs_masik_adatmeghajto_automatikus_cel"}}
            </div>
            {{end}}
        </div>
        <button type="submit" class="btn btn-primary">{{T "tier2_config.mentes"}}</button>
    </form>
    {{end}}
{{end}}
</div>

{{template "layout_end" .}}
{{end}}