{% extends "base.html" %}
{% block content %}
    <div id="title" class="text-center">
        <h2>{{ beer_data['name'] if beer_data != None else 'DELICOUS BEER' }}</h2>
    </div>
    <div id="stats">
        <table class="table">
            <tr>
                <th scope="col">Parent Style</th>
                <th scope="col">Specific Style</th>
                <th scope="col">Alcohol by Volume </th>
            </tr>
            <tr>
                <td>{{ beer_data['parent_style'] if beer_data != None else 'ASS BEER' }}</td>
                <td>{{ beer_data['parent_style'] if beer_data != None else 'TURBO ASS BEER' }}</td>
                <td>{{ beer_data['parent_style'] if beer_data != None else 'BETWEEN 0 and 100' }}</td>
            </tr>
        </table>
    </div>
    <div id="machine">
    <select>
    {% for item in beer_data['attributes']%}
        <option>{{ item['name'] }}</option>

    {% endfor  %}
    </select>
    </div>
{% endblock %}