{% extends "base.html" %}
{% block content %}
<section class="hero pixel-panel">
  <div class="mascot-wrap">
    {% include "mascot.html" %}
    <p class="speech">Yo! I'm RALO. Read the job, hide the salary, guess the RAL. First one to the top of the board wins!</p>
  </div>
  {% if error %}<p class="alert">{{ error }}</p>{% endif %}
  <form class="stack" method="post" action="/create">
    <label>YOUR NAME
      <input name="name" maxlength="24" required placeholder="PLAYER 1" />
    </label>
    <div class="grid-2">
      <label>MAX PLAYERS (2-12)
        <input type="number" name="max_players" min="2" max="12" value="8" />
      </label>
      <label>ROUNDS (4-32)
        <input type="number" name="num_rounds" min="4" max="32" value="8" />
      </label>
    </div>
    <label class="check"><input type="checkbox" name="extra_guesses" /> Extra clues from the posting</label>
    <label class="check"><input type="checkbox" name="hide_company" /> Hide company name</label>
    <label class="check"><input type="checkbox" name="hide_subject" /> Hide subject / industry</label>
    <button class="btn" type="submit">HOST MATCH</button>
  </form>
  <p class="hint">Got an invite? Open the unique link from the host.</p>
</section>
{% endblock %}