{{define "artist"}}{{template "header" .}}
<div class="d-flex gap-3 mb-4">
  <img class="vs-card-art" style="width:180px;border-radius:50%;" src="{{if .Data.Artist.CoverArtID}}/cover-art/{{.Data.Artist.CoverArtID}}?size=400{{else}}/static/img/default-art.svg{{end}}" alt="">
  <div>
    <h2 class="h4 mb-1">{{.Data.Artist.Name}}</h2>
    {{if .Data.Artist.Bio}}<p class="text-secondary mb-2">{{.Data.Artist.Bio}}</p>{{end}}
    {{if and .User .User.IsAdmin}}
    <a class="btn btn-sm btn-outline-secondary" href="/admin/artists/{{.Data.Artist.ID}}/edit"><i class="bi bi-pencil"></i> Edit artist</a>
    {{end}}
  </div>
</div>
<div class="vs-grid mb-3">
  {{range .Data.Albums}}{{template "album_card" .}}{{end}}
</div>
{{if not .Data.Albums}}<p class="text-secondary">No albums for this artist yet.</p>{{end}}
{{template "footer" .}}{{end}}