{% extends "meeple/base.html" %}
{% block title %}Library{% endblock %}
{% block content %}
<h1>Game library <small>{{ games|length }} games</small></h1>
<form class="filters card" method="get">
  <label>Search <input name="q" value="{{ q.q }}"></label>
  <label>Players <input name="players" type="number" min="1" value="{{ q.players }}"></label>
  <label>Max min. time <input name="max_time" type="number" min="5" step="5" value="{{ q.max_time }}"></label>
  <label>Weight from <input name="min_weight" type="number" min="1" max="5" step="0.5" value="{{ q.min_weight }}"></label>
  <label>to <input name="max_weight" type="number" min="1" max="5" step="0.5" value="{{ q.max_weight }}"></label>
  <label>Mechanic <select name="mechanic"><option value="">Any</option>
    {% for m in mechanics %}<option {% if q.mechanic == m %}selected{% endif %}>{{ m }}</option>{% endfor %}</select></label>
  <label class="inline"><input type="checkbox" name="coop" value="1" {% if q.coop %}checked{% endif %}> Co-op only</label>
  <button class="btn small">Filter</button> <a href="{% url 'games' %}">Reset</a>
</form>
<table class="card">
  <tr><th>Title</th><th>Year</th><th>Players</th><th>Best</th><th>Time</th><th>Weight</th><th>Mechanics</th><th class="num">Plays</th></tr>
  {% for g in games %}
  <tr><td><a href="{% url 'game' g.pk %}">{{ g.title }}</a>{% if g.cooperative %} <span class="tag">co-op</span>{% endif %}{% if g.team_game %} <span class="tag">teams</span>{% endif %}</td>
  <td>{{ g.year|default:"" }}</td><td>{{ g.min_players }}–{{ g.max_players }}</td>
  <td>{{ g.best_players|join:", " }}</td><td>{{ g.playtime_min }}–{{ g.playtime_max }}′</td>
  <td><span class="weight" title="{{ g.weight }}">{{ g.weight|floatformat:1 }}</span></td>
  <td class="muted">{{ g.mechanics|join:", " }}</td><td class="num">{{ g.play_count }}</td></tr>
  {% empty %}<tr><td colspan="8" class="muted">No games match.</td></tr>{% endfor %}
</table>
{% endblock %}