{% extends 'partials/base.html' %}

{% block name %}deck{% endblock %}

{% block content %}
<main>
    <article>
        <header>
            <span>Link: <a href="{{ card['item_location'] }}">{{ card['title'] }}</a></span>
        </header>
        {% block link %}{% endblock %}
    <footer>
        <form method="post">
            <input type="hidden" name="card_id" value="{{ card['id'] }}">
            <!-- <span id="buttonContainer" style="display: flex; justify-content: space-around;"> -->
                <span id="buttonContainer">
                    <button type="submit" name="rate" value="Yes" accesskey="1">Yes (1)</button> <!--ti keyi so alt+shit+key...-->
                    <button type="submit" name="rate" value="Maybe" accesskey="2">Maybe ({{maybe_in}})</button>
                    <button type="submit" name="rate" value="No" accesskey="3">No ({{no_in}})</button>
                    <button type="submit" name="rate" value="Delete" accesskey="d">Delete</button>
                    <button type="submit" name="share" value="Share" accesskey="s">Share</button>
                </span>      
            </form>
        </footer>
    </article>
</main>

{% endblock %}