{{define "kept_data"}}
{{template "layout_start" .}}

<div class="page-header">
    <div class="kept-header">
        <a href="/storage" class="btn btn-sm btn-outline">{{T "kept.page.back"}}</a>
        <h2>{{T "kept.page.title"}}</h2>
    </div>
</div>

{{if .KeptError}}<div class="alert alert-error">{{.KeptError}}</div>{{end}}
{{if .KeptFlash}}<div class="alert alert-info">{{.KeptFlash}}</div>{{end}}

<div class="settings-card">
    <p class="settings-card-desc">{{T "kept.page.intro"}}</p>
    <p class="form-hint">{{T "kept.not_backed_up"}}</p>
    {{if .KeptRows}}
    <div class="kept-list">
        {{range .KeptRows}}
        <div class="kept-item" data-kept-path="{{.Path}}">
            <div class="kept-item-head">
                <span class="kept-item-name">{{.DisplayName}}</span>
                <span class="kept-item-meta mono">{{.Date}} · {{.Size}}</span>
            </div>
            <div class="kept-item-backup">{{T "kept.list.backup"}} {{.Backup}}</div>
            <div class="kept-item-actions">
                {{if .CanLoad}}
                <form method="POST" action="/kept-data/load" class="kept-inline-form">
                    {{$.CSRFField}}
                    <input type="hidden" name="path" value="{{.Path}}">
                    <button type="submit" class="btn btn-sm btn-primary">{{T "kept.action.load"}}</button>
                </form>
                {{else if .Installed}}
                <span class="form-hint">{{T "kept.list.installed"}}</span>
                {{end}}
                <a href="{{.LookURL}}" target="_blank" rel="noopener" class="btn btn-sm btn-outline">{{T "kept.action.look"}}</a>
            </div>
            <details class="kept-delete">
                <summary class="btn btn-sm btn-outline">{{T "kept.action.delete"}}</summary>
                <form method="POST" action="/kept-data/delete" class="kept-delete-form">
                    {{$.CSRFField}}
                    <input type="hidden" name="path" value="{{.Path}}">
                    <p class="kept-delete-text">{{.DeleteText}}</p>
                    <label class="form-hint">{{.TypePrompt}}</label>
                    <input type="text" name="confirm" autocomplete="off" required>
                    <button type="submit" class="btn btn-sm btn-danger">{{T "kept.action.delete_final"}}</button>
                </form>
            </details>
        </div>
        {{end}}
    </div>
    {{else}}
    <p class="form-hint">{{T "kept.list.empty"}}</p>
    {{end}}
</div>

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