{{define "admin_files.html"}}{{template "admin_base.html" .}}{{end}}
{{define "title"}}Admin — Files{{end}}
{{define "content"}}
  <div class="admin-toolbar">
    <h2>Files</h2>
  </div>
  {{if .Error}}<p class="error">{{.Error}}</p>{{end}}
  {{if .Success}}<p class="success">File uploaded.</p>{{end}}
  <form method="POST" action="/admin/files/upload" enctype="multipart/form-data" class="form">
    <label for="file">upload file (max 10MB)</label>
    <input type="file" id="file" name="file" required>
    <button type="submit">upload</button>
  </form>
  {{if not .Files}}
    <p class="empty">no files yet</p>
  {{else}}
    {{$site := .SiteURL}}
    <div class="admin-list">
      {{range .Files}}
        <div class="admin-list-item">
          {{if .IsImage}}
            <img src="/files/{{.Filename}}" class="file-thumbnail" alt="{{.OriginalName}}">
          {{end}}
          <div class="admin-list-info">
            <span class="admin-list-title">{{.OriginalName}}</span>
            <div class="admin-list-meta">
              <span class="admin-list-date">{{.ContentType}}</span>
              <span class="admin-list-date">{{.SizeHuman}}</span>
              <span class="admin-list-date">{{.CreatedAt}}</span>
            </div>
          </div>
          <div class="admin-list-actions">
            <button type="button" class="link-button"
              onclick="navigator.clipboard.writeText('{{$site}}/files/{{.Filename}}');this.textContent='copied!'">
              copy url
            </button>
            <button type="button" class="link-button"
              onclick="navigator.clipboard.writeText('![{{.OriginalName}}]({{$site}}/files/{{.Filename}})');this.textContent='copied!'">
              copy md
            </button>
            <form method="POST" action="/admin/files/{{.ShortID}}/delete" class="inline-form">
              <button type="submit" class="link-button danger" onclick="return confirm('Delete this file?')">delete</button>
            </form>
          </div>
        </div>
      {{end}}
    </div>
  {{end}}
{{end}}