{% extends "base.html" %}

{% block title %}Suggest Matchup{% endblock %}

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

{% block content %}
<h1>Suggest a Matchup</h1>
<h2>Who's playing?</h2>
{% for player in players %}
<input type="checkbox" id="checkbox-{{ player.id }}" name="checkbox-{{ player.id }}" class="player-checkbox" value="{{ player.id }}">
<label for="checkbox-{{ player.id }}">{{ player.name }}</label>
{% endfor %}

<h2>How do you want to pick a matchup?</h2>
<select name="strategy_select" id="strategy_select">
    <option value="-1">Select Strategy...</option>
    {% for strategy in strategies.values() %}
    <option value="{{ strategy.strategy_id }}">{{ strategy.friendly_name }}</option>
    {% endfor %}
</select>
<br/>
<br/>
<button id="get_matchup">Submit</button>
<div id="matchup_display_div"></div>

{% endblock %}