{{define "head"}}
<title>Releases - ari melody 💫</title>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/admin/static/index.css">
{{end}}

{{define "content"}}
<main>
    <h1>Releases</h1>

    <div class="card-header">
        <h2><a href="/admin/tracks/">Tracks</a></h2>
        <a class="button new" id="create-track">Create New</a>
    </div>
    <p><em>"Orphaned" tracks that have not yet been bound to a release.</em></p>
    <br>
    {{range $Track := .Tracks}}
    <div class="track">
        <h2 class="track-title">
            <a href="/admin/tracks/{{$Track.ID}}">{{$Track.Title}}</a>
        </h2>
        {{if $Track.Description}}
        <p class="track-description">{{$Track.GetDescriptionHTML}}</p>
        {{else}}
        <p class="track-description empty">No description provided.</p>
        {{end}}
        {{if $Track.Lyrics}}
        <p class="track-lyrics">{{$Track.GetLyricsHTML}}</p>
        {{else}}
        <p class="track-lyrics empty">There are no lyrics.</p>
        {{end}}
    </div>       
    {{end}}
    {{if not .Artists}}
    <p>There are no artists.</p>
    {{end}}
</main>

<script type="module" src="/admin/static/admin.js"></script>
{{end}}