{{template "base" .}}
{{define "head"}}
<link rel="stylesheet" href="/static/css/markdown.css">
{{end}}

{{define "content"}}
{{with .Content}}
<div class="file-view">
    <div class="file-header">
        <h2>{{.Doc.Title}}</h2>
        <div class="file-meta">
            {{if .Doc.UpdatedAt}}<time>Updated {{.Doc.UpdatedAt | fmtdate}}</time>
            {{else if .Doc.CreatedAt}}<time>Created {{.Doc.CreatedAt | fmtdate}}</time>{{end}}
        </div>
        <div class="file-actions">
            {{if .OwnerDID}}
            <a href="/docs/{{.OwnerDID}}/{{.Doc.RKey}}/edit" class="btn btn-sm">Edit</a>
            {{else}}
            <a href="/docs/{{.Doc.RKey}}/edit" class="btn btn-sm">Edit</a>
            <button class="btn btn-sm btn-outline btn-danger" onclick="deleteDocument('{{.Doc.RKey}}')">Delete</button>
            {{end}}
        </div>
    </div>
    <div class="markdown-body">
        {{.Rendered}}
    </div>
</div>
{{end}}
{{end}}

{{define "scripts"}}
<script>
async function deleteDocument(rkey) {
    if (!confirm('Delete this document? This cannot be undone.')) return;
    try {
        const resp = await fetch('/api/docs/' + rkey, {method: 'DELETE'});
        if (resp.ok) {
            window.location.href = '/';
        } else {
            alert('Delete failed');
        }
    } catch (e) {
        alert('Delete failed: ' + e.message);
    }
}
</script>
{{end}}