{% set show_nav = true %}{% set page = 'dashboard' %}
{% extends "base.html" %}
{% block body %}

{# The fragment carries its own polling wrapper, so it swaps itself. #}
{% include "fragments/status.html" %}

<section class="card">
  <div class="card-head">
    <h2>Players</h2>
    <div class="actions">
      <form method="post" action="/admin/newgame" class="inline">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <button>New round</button>
      </form>
      <form method="post" action="/admin/killall" class="inline">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <button class="danger">Kill all tanks</button>
      </form>
      <form method="post" action="/admin/addbot" class="inline">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <input type="hidden" name="bot" value="Random">
        <button>Add a bot</button>
      </form>
    </div>
  </div>
  <div id="players" hx-get="/fragments/players" hx-trigger="every 3s" hx-swap="innerHTML">
    {% include "fragments/players.html" %}
  </div>
</section>

<div class="columns">
  <section class="card">
    <div class="card-head"><h2>Chat</h2></div>
    <div id="chat" class="scroller" hx-get="/fragments/chat" hx-trigger="every 4s" hx-swap="innerHTML">
      {% include "fragments/chat.html" %}
    </div>
    <form method="post" action="/say" class="row">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <input name="text" placeholder="Say something to everyone in the game" autocomplete="off">
      <button class="primary">Send</button>
    </form>
  </section>

  <section class="card">
    <div class="card-head">
      <h2>Recent log</h2>
      <div class="actions"><a class="button quiet" href="/logs">Open full log</a></div>
    </div>
    <div id="log" class="scroller" hx-get="/fragments/log?limit=40" hx-trigger="every 5s" hx-swap="innerHTML">
      {% include "fragments/log.html" %}
    </div>
  </section>
</div>

<section class="card">
  <div class="card-head"><h2>Server</h2></div>
  <div class="actions">
    <form method="post" action="/lifecycle/restart" class="inline"
          onsubmit="return confirm('Restart the server? Anyone connected will be dropped.')">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <button class="danger">Restart</button>
    </form>
    <form method="post" action="/admin/stopwhenempty" class="inline">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <button>Stop when empty</button>
    </form>
    <form method="post" action="/lifecycle/shutdown" class="inline"
          onsubmit="return confirm('Shut the server down? Docker’s restart policy decides whether it comes back.')">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <button class="danger">Shut down</button>
    </form>
  </div>
</section>

{% endblock %}