tesses-cms/Tesses.CMS/Assets/ShowPage.html

<br>
<div class="container">
    <ul class="nav nav-underline" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
          <button class="nav-link active" id="about-tab" data-bs-toggle="tab" data-bs-target="#about-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">About</button>
        </li>
        <li class="nav-item" role="presentation">
          <button class="nav-link" id="season-tab" data-bs-toggle="tab" data-bs-target="#season-tab-pane" type="button" role="tab" aria-controls="season-tab-pane" aria-selected="false">Seasons</button>
        </li>
      </ul>
      <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="about-tab-pane" role="tabpanel" aria-labelledby="about-tab" tabindex="0">
            <br>
            <img src="{{showthumbnail}}" alt="{{showproper}}" width="120" height="214">
    <h1>{{showproper}}</h1>
    <h2>{{userproper}}</h2>
    <hr>
    {{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>
    <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>{{showdescription}}</p>
            </div>
          </div>
        </div>
        </div>
        </div>
        <div class="tab-pane fade" id="season-tab-pane" role="tabpanel" aria-labelledby="season-tab" tabindex="0">
            <div class="container-fluid">
                <!--thanks to https://stackoverflow.com/a/21678797-->
                <style>
                    ul {
                
                
                text-decoration: none;
            }
            
            li {
                display: inline-block;
                vertical-align: top;
            }
                </style>
                <br>
                <ul>
            
                
                    {{for season in seasons}}
                    <li>
                      <img src="{{season.thumbnail}}" width="120" height="214"><br><a href="./season/{{season.number}}/">{{season.proper}}</a>
                      </li>
                    {{ end }}
                </ul>
            </div>
        </div>
      </div>
      
</div>