{{define "content"}}
<h1>Ylläpito</h1>
<p><a href="/admin/reports">Palautteet</a>{{if .Data.OpenCount}} <span class="badge pending">{{.Data.OpenCount}} avointa</span>{{end}}</p>

<section class="adminsection">
  <header>
    <h2>Kutsut</h2>
    <form method="post" action="/admin/invites"><button type="submit">Luo kutsukoodi</button></form>
  </header>
  <div class="body">
  <table>
    <thead><tr><th>Kutsulinkki</th><th>Tila</th><th>Luotu</th></tr></thead>
    <tbody>
      {{range .Data.Invites}}
        <tr>
          <td>
            <a href="{{.Link}}">{{.Link}}</a>
          </td>
          <td class="nowrap"><span class="dot on"></span> käyttämätön</td>
          <td>{{fidate .CreatedAt}}</td>
        </tr>
      {{else}}
        <tr><td colspan="3" class="muted">Ei käyttämättömiä kutsuja.</td></tr>
      {{end}}
    </tbody>
  </table>
  <p class="muted small">Lähetä linkki kaverille — se avaa liittymislomakkeen koodi valmiiksi
    täytettynä. Lista näyttää käyttämättömät kutsut{{if .Data.SpentCount}}; käytettyjä on
    {{.Data.SpentCount}}{{end}}.</p>
  </div>
</section>

<section class="adminsection">
  <header><h2>Jäsenet</h2></header>
  <div class="body">
  <table>
    <thead><tr><th>Nimi</th><th>Sähköposti</th><th>Liittyi</th><th>Toiminnot</th></tr></thead>
    <tbody>
      {{range .Data.Members}}
        <tr{{if .Banned}} class="banned"{{end}}>
          <td>{{.Name}}{{if .Banned}} <span class="badge pending">estetty</span>{{end}}</td>
          <td>{{.Email}}</td>
          <td>{{fidate .CreatedAt}}</td>
          <td class="actions">
            <form method="post" action="/admin/users/{{.ID}}/ban">
              <button type="submit" class="ghost">{{if .Banned}}Poista esto{{else}}Estä{{end}}</button>
            </form>
            <form method="post" action="/admin/users/{{.ID}}/password">
              <input type="password" name="password" placeholder="uusi salasana" required>
              <button type="submit" class="ghost">Vaihda salasana</button>
            </form>
          </td>
        </tr>
      {{else}}
        <tr><td colspan="4" class="muted">Ei jäseniä. Luo kutsukoodi ja lähetä se jollekulle.</td></tr>
      {{end}}
    </tbody>
  </table>
  </div>
</section>

<section class="adminsection">
  <header><h2>Kappaleet</h2></header>
  <div class="body">
  <table>
    <thead><tr><th>Kappale</th><th>Lähettäjä</th><th>Arvostelut</th><th>Julkaistu</th><th></th></tr></thead>
    <tbody>
      {{range .Data.Songs}}
        <tr>
          <td>{{.Title}} <span class="muted">— {{.Artist}}</span></td>
          <td>{{.Submitter}}</td>
          <td>{{.Reviews}}</td>
          <td class="nowrap">{{fidate .CreatedAt}}</td>
          <td class="actions">
            <a href="/admin/audio/{{.ID}}">Kuuntele</a>
            <form method="post" action="/admin/songs/{{.ID}}/delete"
                  onsubmit="return confirm('Poistetaanko kappale ja kaikki sen arvostelut?')">
              <button type="submit" class="ghost danger">Poista</button>
            </form>
          </td>
        </tr>
      {{else}}
        <tr><td colspan="5" class="muted">Ei kappaleita.</td></tr>
      {{end}}
    </tbody>
  </table>
  </div>
</section>

{{end}}