<br>
<div class="container">
    <img src="{{albumthumbnail}}" alt="{{albumproper}}" width="120" height="120">
    <h1>{{albumproper}}</h1>
    <h2>{{userproper}}</h2>
    <hr>
  
    <a class="btn btn-primary" href="./play">Listen Online</a>
    {{if editable}}
    <a class="btn btn-primary" href="./edit">Edit</a>
    {{end}}
    {{if extrasexists}}
    <a class="btn btn-primary" href="./extras">Extras</a>
    {{end}}
    {{if torrentexists}}
    <a class="btn btn-primary" href="{{torrent}}">Torrent</a>
    {{end}}
    {{if torrentwextraexists}}
    <a class="btn btn-primary" href="{{torrentwextra}}">Torrent With Extras</a>
    {{end}}
    {{if editable}}
    <form action="./sendupdate?csrf={{csrf}}" method="post">
      <div class="mb-3">
        <label for="exampleFormControlTextarea1" class="form-label">Message To Subscribers (optional)</label>
<textarea name="body" class="form-control" id="exampleFormControlTextarea1" rows="5"></textarea>
    </div>
      <input type="submit" value="Send Update" class="btn btn-success">
    </form>
    {{end}}
    <br>
    <span>Note to Touchscreen users: Touch and hold seekbar to set position in song</span>

    <br>
    <div class="accordion" id="accordionExample">
        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Description
            </button>
          </h2>
          <br>
          <div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
            <div class="accordion-body">
                <p>{{albumdescription}}</p>
            </div>
          </div>
        </div>
        </div>

</div>