{% extends "base.jinja" %}

{% block body_block %}

     <div class="row">
        <div class="col-sm-3">
            <div class="card">
                <img id="boardgame_image">
                <div class="card-body">
                    <h4 class="card-title" id="boardgame_name">John Doe</h4>
                    <p class="card-text" id="boardgame_description">Some example text.</p>
                    <a href="#" id="boardgame_link" class="btn btn-primary">Bekijk op BGG</a>
                </div>
            </div>
        </div>
        <div class="col-sm-3" id="info_block">
            <h1>Info</h1>
            {# <h2>Spelers</h2>
            <p><span id="player_min_amount"></span> - <span id="player_max_amount"></span></p>
            
            <h2>Moeilijkheid</h2>
            <p><span id="boardgame_weight"></span></p> #}

        </div>
        <div class="col-sm-3">
            <canvas id="playercount_votes_chart"></canvas>
        </div>
    </div>

{% endblock body_block %}

{% block extra_js_files %}

<script src="{{ url_for('static', filename='javascript/boardgame.js')  }}" defer></script>

{% endblock extra_js_files %}