{{template "header" .}}
<div class="admin">
  <p class="kicker">This player</p>
  <h1>Manage</h1>
  <p class="lead">Library, storage, and this copy of the app. Payment gateways and Pro key minting stay with the Deimos super user — they are not on Linux, Mac, or Windows installs.</p>
  {{if .Error}}<div class="alert">{{.Error}}</div>{{end}}
  {{if .OK}}<div class="ok">{{.OK}}</div>{{end}}

  <div class="stat-grid">
    <div class="stat"><b>{{.Stats.Videos}}</b><span>Videos</span></div>
    <div class="stat"><b>{{.Stats.Users}}</b><span>Accounts</span></div>
    <div class="stat"><b>{{.Stats.Live}}</b><span>Live channels</span></div>
    <div class="stat"><b>{{.Stats.Shows}}</b><span>Slideshows</span></div>
    <div class="stat"><b>{{.Stats.Store}}</b><span>Storage</span></div>
    <div class="stat"><b>{{if .License.Pro}}Pro{{else}}Free{{end}}</b><span>This instance</span></div>
  </div>

  <div class="admin-grid">
    <section class="admin-card">
      <h2>This copy</h2>
      <p class="meta">{{.License.Reason}}</p>
      <p>
        <a class="btn btn-green" href="{{.ShopURL}}/#pricing" target="_blank" rel="noreferrer">Buy a Pro key</a>
        <a class="btn btn-outline" href="/license">Paste Pro key</a>
        <a class="btn btn-outline" href="/storage">Your S3 / disk</a>
        <a class="btn btn-outline" href="/upload">Upload</a>
        <a class="btn btn-outline" href="/guide">Guide</a>
        <a class="btn btn-green" href="/admin/analytics">Analytics</a>
      </p>
      <h3>What you can do</h3>
      <ul class="meta">
        <li>Library, uploads, live, slideshows</li>
        <li>Connect your own disk or S3 / Storj</li>
        <li>Activate the Pro key you bought</li>
        <li>Remove titles from this catalog</li>
      </ul>
      <h3>Not on this copy (super user only)</h3>
      <ul class="meta">
        <li>Stripe, PayPal and Coinbase secrets</li>
        <li>Mint or cancel sold Pro keys</li>
        <li>Payment webhooks</li>
      </ul>
    </section>
    <section class="admin-card">
      <h2>Accounts on this player</h2>
      <table class="admin-table">
        <thead><tr><th>User</th><th>Name</th><th>Role</th></tr></thead>
        <tbody>
        {{range .Users}}
          <tr><td>{{.Username}}</td><td>{{.Name}}</td><td>{{if or (eq .Role "admin") (eq .Role "manager")}}site manager{{else}}member{{end}}</td></tr>
        {{end}}
        </tbody>
      </table>
    </section>
  </div>

  <section class="admin-card">
    <h2>Library</h2>
    <table class="admin-table">
      <thead><tr><th>Title</th><th>ID</th><th></th></tr></thead>
      <tbody>
      {{range .Videos}}
        <tr>
          <td>{{.Title}}</td>
          <td><code>{{.ID}}</code></td>
          <td>
            <form method="post" action="/admin/delete" onsubmit="return confirm('Remove this title?')">
              <input type="hidden" name="id" value="{{.ID}}">
              <button class="btn btn-outline" type="submit">Remove</button>
            </form>
          </td>
        </tr>
      {{end}}
      </tbody>
    </table>
  </section>
</div>
{{template "footer" .}}