{{define "admin_album_edit"}}{{template "header" .}}
<div class="card" style="max-width: 500px;">
  <div class="card-body">
    <h2 class="h6">Edit album</h2>
    <form method="post" action="/admin/albums/{{.Data.ID}}/edit" enctype="multipart/form-data">
      {{template "csrf_field" .CSRFToken}}
      <div class="mb-2">
        <label class="form-label small">Title</label>
        <input type="text" name="title" class="form-control form-control-sm" value="{{.Data.Title}}" required>
      </div>
      <div class="mb-2">
        <label class="form-label small">Sort title</label>
        <input type="text" name="sort_title" class="form-control form-control-sm" value="{{.Data.SortTitle}}">
      </div>
      <div class="row g-2 mb-2">
        <div class="col-6">
          <label class="form-label small">Year</label>
          <input type="number" name="year" class="form-control form-control-sm" value="{{if .Data.Year.Valid}}{{.Data.Year.Int64}}{{end}}">
        </div>
        <div class="col-6">
          <label class="form-label small">Original year</label>
          <input type="number" name="original_year" class="form-control form-control-sm" value="{{if .Data.OriginalYear.Valid}}{{.Data.OriginalYear.Int64}}{{end}}">
        </div>
      </div>
      <div class="mb-3">
        <label class="form-label small">Record label</label>
        <input type="text" name="record_label" class="form-control form-control-sm" value="{{.Data.RecordLabel}}">
      </div>

      <hr>
      <h3 class="h6">Cover art</h3>
      {{if .Data.CoverArtID.Valid}}
      <img src="/cover-art/{{.Data.CoverArtID.String}}?size=150" style="width:120px;" class="mb-2" alt="">
      {{end}}
      <div class="mb-2">
        <label class="form-label small">Upload a cover</label>
        <input type="file" name="cover_file" class="form-control form-control-sm" accept="image/*">
      </div>
      <div class="mb-3">
        <label class="form-label small">...or set a cover URL</label>
        <input type="url" name="cover_url" class="form-control form-control-sm" placeholder="https://example.com/cover.jpg">
      </div>

      <div class="mt-3">
        <button type="submit" class="btn btn-primary btn-sm">Save</button>
        <a href="/albums/{{.Data.ID}}" class="btn btn-sm btn-outline-secondary">Cancel</a>
      </div>
    </form>
  </div>
</div>
{{template "footer" .}}{{end}}