{{define "detail.html"}}{{template "base.html" .}}{{end}}

{{define "title"}}{{.Name}}{{end}}

{{define "content"}}

  <nav class="crumbs">

    <a href="/buckets">buckets</a>

    {{range .Crumbs}}<span class="crumb-sep">/</span><a href="{{.Href}}">{{.Label}}</a>{{end}}

    <span class="crumb-sep">/</span>

    <span>{{.Name}}</span>

  </nav>

  {{if .Error}}<p class="error">{{.Error}}</p>{{end}}

  <h2>{{.Name}}</h2>

  {{if .IsImage}}

    <div class="detail-preview">

      <img src="{{.PreviewSrc}}" alt="{{.Name}}">

    </div>

  {{end}}

  <dl class="detail-meta">

    <dt>key</dt><dd><code>{{.Key}}</code></dd>

    <dt>type</dt><dd>{{.ContentType}}</dd>

    <dt>size</dt><dd>{{.SizeHuman}} ({{.Size}} bytes)</dd>

    <dt>modified</dt><dd>{{.LastModified}}</dd>

    <dt>etag</dt><dd><code>{{.ETag}}</code></dd>

  </dl>

  <section class="detail-links">

    <h3>links</h3>

    {{if .PresignedURL}}

      <div class="link-row">

        <a href="{{.PresignedURL}}" target="_blank" rel="noopener">presigned download</a>

        <button type="button" class="link-button"

          onclick="navigator.clipboard.writeText('{{.PresignedURL}}');this.textContent='copied!'">

          copy

        </button>

      </div>

    {{end}}

    {{if .HasPublic}}

      <div class="link-row">

        <a href="{{.PublicURL}}" target="_blank" rel="noopener">public url</a>

        <button type="button" class="link-button"

          onclick="navigator.clipboard.writeText('{{.PublicURL}}');this.textContent='copied!'">

          copy

        </button>

      </div>

    {{else}}

      <p class="empty">no public url configured for this bucket (set BLOBS_PUBLIC_URLS)</p>

    {{end}}

  </section>

  <section class="detail-actions">

    <h3>actions</h3>

    <form method="POST" action="/b/{{.Bucket}}/replace" enctype="multipart/form-data" class="form">

      <input type="hidden" name="key" value="{{.Key}}">

      <label for="file">replace file (keeps same key)</label>

      <input type="file" id="file" name="file" required>

      <button type="submit">replace</button>

    </form>

    <form method="POST" action="/b/{{.Bucket}}/delete" class="form"

          onsubmit="return confirm('Delete {{.Name}}?');">

      <input type="hidden" name="key" value="{{.Key}}">

      <input type="hidden" name="returnTo" value="{{.ParentHref}}">

      <button type="submit" class="danger">delete</button>

    </form>

  </section>

{{end}}