{{define "head"}}
<title>admin - 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>

    <div class="card-title">
        <h1>Releases</h1>
        <a href="/admin/createrelease" class="create-btn" id="create-release">Create New</a>
    </div>
    <div class="card releases">
        {{range $Release := .Releases}}
        <div class="release">
            <div class="release-artwork">
                <img src="{{$Release.Artwork}}" alt="" width="128" loading="lazy">
            </div>
            <div class="release-info">
                <h3 class="release-title">
                    {{$Release.Title}}
                    <small>
                        {{$Release.GetReleaseYear}}
                        {{if not $Release.Visible}}(hidden){{end}}
                    </small>
                </h3>
                <p class="release-artists">{{$Release.PrintArtists true true}}</p>
                <p class="release-type-single">{{$Release.ReleaseType}}
                ({{len $Release.Tracks}} track{{if not (eq (len $Release.Tracks) 1)}}s{{end}})</p>
                <div class="release-actions">
                    <a href="/admin/release/{{$Release.ID}}">Edit</a>
                    <a href="/music/{{$Release.ID}}" target="_blank">Gateway</a>
                </div>
            </div>
        </div>
        {{end}}
        {{if not .Releases}}
        <p>There are no releases.</p>
        {{end}}
    </div>

    <div class="card-title">
        <h1>Artists</h1>
        <a href="/admin/createartist" class="create-btn">Create New</a>
    </div>
    <div class="card artists">
        {{range $Artist := .Artists}}
        <div class="artist">
            <img src="{{$Artist.GetAvatar}}" alt="" width="64" loading="lazy" class="artist-avatar">
            <a href="/admin/artists/{{$Artist.ID}}" class="artist-name">{{$Artist.Name}}</a>
        </div>       
        {{end}}
        {{if not .Artists}}
        <p>There are no artists.</p>
        {{end}}
    </div>

    <div class="card-title">
        <h1>Tracks</h1>
        <a href="/admin/createtrack" class="create-btn">Create New</a>
    </div>
    <div class="card tracks">
        <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">
                {{$Track.Title}}
                {{if $Track.Release}} 
                <small class="track-album">{{$Track.Release.Title}}</small>
                {{else}}
                <small class="track-album empty">(no release)</small>
                {{end}}
            </h2>
            <p class="track-id">{{$Track.ID}}</p>
            {{if $Track.Description}}
            <p class="track-description">{{$Track.Description}}</p>
            {{else}}
            <p class="track-description empty">No description provided.</p>
            {{end}}
            {{if $Track.Lyrics}}
            <p class="track-lyrics">{{$Track.Lyrics}}</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}}
    </div>

</main>

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