{% extends "base.html" %}

{% block title %}Create Game{% endblock %}

{% block head %}
{{ super() }}
<script src="/static/js/game_create.js"></script>
{% endblock %}

{% block content %}
<p>
    <b>PLEASE NOTE</b> that this application is currently in a "pre-alpha" state. You should <i>not</i> depend on it for
    durable data persistence. Please use this application only on an experimental basis, and make a backup of your play
    data elsewhere separately (for now!).
</p>
<input type="hidden" id="player_deck_data" value="{{ player_decks }}"/>
<label for="date">Date:</label>
<input type="date" id="date" name="date">

<label for="number_of_players">Number Of Players:</label>
<select id="number_of_players" name="number_of_players">
    {% for num in range(5) %}
    <option value="{{ num+2 }}">{{ num+2 }}</option>
    {% endfor %}
</select>

<p>Note - currently no ability to create a player from this page. Go <a href="/player/create">here</a> if you need to add someone.</p>

{% for num in range(6) %}
<div id="div_for_player_{{ num+1 }}" class="player_div" {% if num > 1 %}style="display:none;"{% endif %}>
<label for="player_select_{{ num+1 }}">Player {{ num+1 }}</label>
<select id="player_select_{{ num+1 }}" class="player_select" name="player_id_{{ num+1 }}">
    <option value="-1">Select player...</option>
    {% for player in players %}
    <option value="{{ player.id }}">{{ player.name }}</option>
    {% endfor %}
</select>
</div>
{% endfor %}

<label for="winning_player_id">Winning Player:</label>
<select id="winning_player_id" name="winning_player_id">
    <option disabled selected value> -- select an option -- </option>
</select><br/>

<label for="win_type_id">Win Type:</label>
<select id="win_type_id" name="win_type_id">
    {% for win_type in win_types %}
    <option value="{{ win_type.id }}">{{ win_type.name }}</option>
    {% endfor %}
</select><br/>
<label for="number_of_turns">Number Of Turns:</label><input type="number" name="number_of_turns" id="number_of_turns"/><br/>
<label for="first_player_out_turn">Turn First Player Out:</label><input type="number" name="first_player_out_turn" id="first_player_out_turn"/><br/>

<label for="description">Description:</label>
<input type="textarea" id="description" name="description"/>

<input type="button" id="submit" value="Submit"/>
{% endblock %}