{{define "admin_song_edit"}}{{template "header" .}}
<div class="card" style="max-width: 500px;">
  <div class="card-body">
    <h2 class="h6">Edit song</h2>
    <form method="post" action="/admin/songs/{{.Data.ID}}/edit">
      {{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">Track #</label>
          <input type="number" name="track_number" class="form-control form-control-sm" value="{{if .Data.TrackNumber.Valid}}{{.Data.TrackNumber.Int64}}{{end}}">
        </div>
        <div class="col-6">
          <label class="form-label small">Disc #</label>
          <input type="number" name="disc_number" class="form-control form-control-sm" value="{{if .Data.DiscNumber.Valid}}{{.Data.DiscNumber.Int64}}{{end}}">
        </div>
      </div>
      <div class="mb-2">
        <label class="form-label small">Composer</label>
        <input type="text" name="composer" class="form-control form-control-sm" value="{{.Data.Composer}}">
      </div>
      <div class="mb-3">
        <label class="form-label small">Conductor</label>
        <input type="text" name="conductor" class="form-control form-control-sm" value="{{.Data.Conductor}}">
      </div>

      <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" name="metadata_locked" value="1" id="metadata_locked" {{if .Data.MetadataLocked}}checked{{end}}>
        <label class="form-check-label" for="metadata_locked">Lock metadata (prevent library rescans from overwriting these fields)</label>
      </div>

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