{{template "header" .}}
<div class="form-card" style="max-width:820px">
  <h1>My videos</h1>
  <p class="meta">Private by default. Request public only for titles you want in the catalog — the owner must approve first.</p>
  {{if .Error}}<div class="alert">{{.Error}}</div>{{end}}
  {{if .OK}}<div class="ok">{{.OK}}</div>{{end}}
  <p><a class="btn btn-green" href="/upload">Upload</a>
     <a class="btn btn-outline" href="/storage">My Storj / S3</a></p>
  {{if not .Videos}}
  <p class="meta">Nothing yet.</p>
  {{else}}
  <table class="admin-table">
    <thead><tr><th></th><th>Title</th><th>Visibility</th><th></th></tr></thead>
    <tbody>
    {{range .Videos}}
      <tr>
        <td>{{if .Thumb}}<img src="{{.Thumb}}" alt="" style="width:54px;height:72px;object-fit:cover;border-radius:4px;background:#111">{{end}}</td>
        <td><a href="/watch/{{.ID}}">{{.Title}}</a></td>
        <td>
          {{if eq .Status "private"}}Private
          {{else if eq .Status "pending"}}Waiting for approval
          {{else}}Public{{end}}
        </td>
        <td>
          {{if eq .Status "private"}}
          <form method="post" action="/my/publish" style="display:inline">
            <input type="hidden" name="id" value="{{.ID}}">
            <button class="btn btn-outline" type="submit" name="action" value="request-public">Request public</button>
          </form>
          {{else}}
          <form method="post" action="/my/publish" style="display:inline">
            <input type="hidden" name="id" value="{{.ID}}">
            <button class="btn btn-outline" type="submit" name="action" value="make-private">Make private</button>
          </form>
          {{end}}
          {{if or $.License.Pro $.IsSuper}}
          <form method="post" action="/my/thumb" enctype="multipart/form-data" style="margin-top:8px">
            <input type="hidden" name="id" value="{{.ID}}">
            <input type="file" name="thumb" accept="image/jpeg,image/png,image/webp,image/gif" required>
            <button class="btn btn-outline" type="submit">Set poster</button>
          </form>
          {{end}}
        </td>
      </tr>
    {{end}}
    </tbody>
  </table>
  {{if not (or .License.Pro .IsSuper)}}
  <p class="meta" style="margin-top:14px">Pro can replace posters on their own titles.</p>
  {{end}}
  {{end}}
</div>
{{template "footer" .}}