{% extends "base.html" %}

{% block content %}
  <h2>New Game</h2>
  <form class="new-game-form" action="#" method="post">
    {% csrf_token %}
    {{ formset.non_form_errors }}
    <table class="new-game-form">
      {{ form.as_table }}
    </table>
    {{ formset.management_form }}
    <table class="players-form">
      {% for form in formset %}
      <tr class="player-{{ form.player_id }}">
        <th>Player #{{ form.player_id }}</th>
        <td>{{ form.as_p }}</td>
      </tr>
      {% endfor %}
    </table>
    <div class="button-container">
      <input type="submit" class="button button-create" value="Create Game"></input>
    </div>
    <div class="button-container">
      <a href="{% url 'index' %}" class="button button-main-menu">Back</a>
    </div>
  </form>
{% endblock %}