{{if notavailable}}
<article class="error">
    <p>This video is unavailable on YouTube.</p>
</article>
{{end}}
{{if offline}}
<article class="error">
    <p>We can't access YouTube right now.</p>
</article>
{{end}}
{{if invalidurl}}
<article class="error">
    <p>You provided an invalid url, if it was a playlist we don't support playlists.</p>
</article>
{{else}}
<article class="no-padding m l">
    <div class="grid no-space">
      <div class="s6">
        <img class="responsive" src="./thumbnail?v={{v}}">
        <div class="absolute top left right padding top-shadow white-text">
          <h5>{{title}}</h5>
          <p>{{channel}}</p>
        </div>
      </div>
      <div class="s6">
        <div class="padding">
          <h5>{{otherstats}}</h5>
          <details>
            <summary class="none">
              <article class="round primary no-elevate">
                <nav>
                  <div class="max">Description</div>
                  <i>expand_more</i>
                </nav>
              </article>
            </summary>
            <article class="round border" style="word-wrap: normal;">{{desc}}</article>
            
          </details>
        </div>
      </div>
    </div>
  </article>
  <article class="no-padding round s">
    <img class="responsive small top-round" src="./thumbnail?v={{v}}">
    <div class="padding">
      <h5>{{title}} by {{channel}}</h5>
      <details>
        <summary class="none">
          <article class="round primary no-elevate">
            <nav>
              <div class="max">Metadata</div>
              <i>expand_more</i>
            </nav>
          </article>
        </summary>
        <article class="round border">{{otherstats}}</article>
        <article class="round border"><p style="word-wrap: normal;">{{desc}}</p></article>
       
      </details>

    </div>
  </article>
<form action="./init_download" method="get">
    <input type="hidden" name="v" value="{{v}}">
    <div class="field suffix border round">
        <select name="res">
          <option value="NA" selected>-- Select a resolution --</option>
          {{if premuxed}}
          <option value="PreMuxed">Preconverted Video</option>
          {{end}}
          {{if videoonly}}
          <option value="VideoOnly">Video Only (No audio)</option>
          {{end}}
          {{if audioonly}}
          <option value="AudioOnly">Audio Only (No video)</option>
          {{end}}
          {{if (videoonly || audioonly) && converter}}
          <option value="MKV">Remux to MKV (Highest resolution)</a>
          {{end}}
          {{if (videoonly || audioonly) && converter}}
          <option value="MP4">Transcode To MP4 (Highest resolution)</a>
          {{end}}
          {{if (premuxed || audioonly) && converter}}
          <option value="MP3">Transcode To MP3</a>
          {{end}}
        </select>
        <i>arrow_drop_down</i>
    </div>
    <button type="submit">
        <i>download</i>
        <span>Download</span>
    </button>
</form>
{{end}}