{{template "header" .}}
<h1>New slideshow</h1>
{{if .Error}}<p class="alert">{{.Error}}</p>{{end}}
<form class="form" method="post" action="/slideshows/new" enctype="multipart/form-data">
  <label>Title<input name="title" required placeholder="Holiday 2026"></label>
  <label>Seconds per photo<input name="seconds" type="number" min="2" max="30" value="4"></label>
  <label>Photos (JPG, PNG, WebP, GIF)
    <input name="photos" type="file" accept="image/jpeg,image/png,image/webp,image/gif" multiple required>
  </label>
  <label>Music (optional)
    <input name="music" type="file" accept="audio/mpeg,audio/mp4,audio/ogg,audio/wav,.mp3,.m4a,.ogg,.wav">
  </label>
  <p class="meta">{{if .License.Pro}}Pro: up to 80 photos.{{else}}Free: up to 30 photos.{{end}} Soundtrack loops. Prefer MP3.</p>
  <button class="btn btn-green" type="submit">Create slideshow</button>
</form>
{{template "footer" .}}