{#-
 This file is part of Supysonic.
 Supysonic is a Python implementation of the Subsonic server API.

 Copyright (C) 2013-2018 Alban 'spl0k' Féron
               2017-2024 Óscar García Amor

 Distributed under terms of the GNU AGPLv3 license.
-#}
{% extends "layout.html" %}
{% block navbar_index %}
<a class="nav-link active" aria-current="page" href="{{ url_for('frontend.index') }}">Home</a>
{% endblock %}
{% block body %}
<h2 class="mt-4 pb-2 border-bottom">Welcome to Supysonic!</h2>
<p>There's nothing much to see here. If you want to listen to some music,
you'll have to use one of the available clients. Here's a small list of
clients that have been tested.</p>
<div class="row">
  <div class="col-md-6 mb-3">
    <div class="card">
      <div class="card-header">
        Web-based
      </div>
      <div class="card-body">
        <ul class="mb-0">
          <li><a href="https://github.com/peguerosdc/subplayer">Subplayer</a> (<a href="https://subplayer.netlify.app">direct use</a>)</li>
          <li><a href="https://github.com/tsquillario/Jamstash">Jamstash</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-md-6 mb-3">
    <div class="card">
      <div class="card-header">
        Android apps
      </div>
      <div class="card-body">
        <ul class="mb-0">
          <li><a href="https://github.com/CappielloAntonio/tempo">Tempo</a></li>
          <li><a href="https://github.com/daneren2005/Subsonic">DSub</a></li>
          <li><a href="https://gitlab.com/ultrasonic/ultrasonic">Ultrasonic</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<p class="pb-2 border-bottom">For a more complete list, check the <a href="http://www.subsonic.org/pages/apps.jsp">Subsonic website</a>.</p>
<div class="row mb-3">
  <div class="col">
    <div class="card">
      <div class="card-header text-center">
        Stats
      </div>
      <div class="card-body">
        <div class="row grid gap-3">
          <div class="col">
            <div class="text-center">
              <div class="stats mb-3">
                <p>{{ stats.artists }}</p>
              </div>
              <strong>artists</strong>
            </div>
          </div>
          <div class="col">
            <div class="text-center">
              <div class="stats mb-3">
                <p>{{ stats.albums }}</p>
              </div>
              <strong>albums</strong>
            </div>
          </div>
          <div class="col">
            <div class="text-center">
              <div class="stats mb-3">
                <p>{{ stats.tracks }}</p>
              </div>
              <strong>tracks</strong>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
