{{template "header" .}}
<div class="form-card" style="max-width:640px">
  <h1>Upload media</h1>
  {{if .Error}}<div class="alert">{{.Error}}</div>{{end}}
  {{if .OK}}<div class="ok">{{.OK}}</div>{{end}}
  {{if and .Operator (not .IsSuper) (not .License.Pro)}}
  <p class="alert">Free on this host: YouTube / web URL only (we do not store your files). <a href="/license">Pro</a> + your S3 unlocks file uploads.</p>
  {{else if and (not .License.Pro) (not .Operator)}}
  <p class="meta">Free: up to 25 videos on <em>this computer</em>. YouTube / web URLs unlimited. <a href="/license">Pro</a> is unlimited files plus your S3.</p>
  {{else if and .Operator (not .IsSuper)}}
  <p class="alert">This host does not encode or keep your files. Connect <a href="/storage">your S3</a>. Encode on the <b>Windows or Mac</b> app (Pro), then Send to Cinema.</p>
  {{end}}
  <form method="post" enctype="multipart/form-data">
    <label>Title</label>
    <input type="text" name="title" required>
    <label>Description</label>
    <textarea name="description" rows="4"></textarea>
    <label>Category</label>
    <select name="category">
      {{range .Categories}}<option>{{.}}</option>{{end}}
    </select>
    <label>Cinema shelf</label>
    <select name="shelf">
      <option value="movie">Movie (portrait poster)</option>
      <option value="show">TV show</option>
      <option value="clip">Short / clip</option>
    </select>
    {{if or .License.Pro .IsSuper (not .Operator)}}
    <label>Video file (MP4) — optional</label>
    <input type="file" name="file" accept="video/mp4">
    {{end}}
    {{if or .License.Pro .IsSuper}}
    <label>Poster image — optional</label>
    <input type="file" name="thumb" accept="image/jpeg,image/png,image/webp,image/gif">
    {{end}}
    <label>Or YouTube / playlist / Twitch / MP4 / HLS / M3U URL</label>
    <input type="url" name="url" placeholder="https://youtube.com/playlist?list=… or https://host/list.m3u or https://youtu.be/…">
    <div style="margin-top:18px">
      <button class="btn btn-green" type="submit">Publish</button>
    </div>
  </form>
</div>
{{template "footer" .}}